Bạn có thể giải thích sự khác biệt giữa One-way Data Binding
và Two-way Data Binding
với một ví dụ và tình huống nào chúng tôi đã sử dụng không?Sự khác biệt giữa ràng buộc một chiều và liên kết hai chiều trong angularjs
Trả lời
One-Way Binding dữ liệu
Def: ràng buộc Một cách ngụ ý rằng biến phạm vi trong HTML sẽ được thiết lập với giá trị đầu tiên mô hình của nó là ràng buộc để (ví dụ giao cho).
ng-bind
có liên kết dữ liệu một chiều (Model($scope) --> View)
Ví dụ: ng-bind="myText"
HOẶC {{ myText }}
mà hiển thị các giá trị phạm vi $scope.myText
chèn vào HTML nơi myText
là một phạm vi tên biến. (Ví dụ, Model -> View)
Two-Way Binding dữ liệu
Def : Liên kết hai chiều ngụ ý rằng biến phạm vi sẽ thay đổi giá trị của nó mỗi lần mô hình của nó được gán cho một giá trị khác.
ng-model
được thiết kế để được đặt chủ yếu bên trong yếu tố hình thức và có dữ liệu hai chiều ràng buộc
(Model($scope) --> View and View --> Model($scope))
Ví dụ. <input name="firstname" ng-model="firstname"/>
Khi bạn tương tác với hình thức tố firstname
mà ng-model
tương tác với $scope.firstname
và cập nhật quan điểm tương ứng tự động bởi Digest
chu kỳ. (Ví dụ, Model -> View và View -> Model)
Một cách ràng buộc là ràng buộc dữ liệu từ mô hình để xem. Ngoài ra hai cách ràng buộc là ràng buộc các dữ liệu từ mô hình để xem và xem để mô hình.
- 1. Sự khác biệt giữa Ràng buộc và x: Ràng buộc
- 2. AngularJS chỉ thị $ xem hai chiều ràng buộc
- 3. Sự khác biệt giữa C++ 11 std :: liên kết và tăng :: ràng buộc
- 4. Sự khác biệt giữa ng-ràng buộc và ng-cloak trong angularjs
- 5. Sự khác biệt giữa giá trị và ràng buộc
- 6. Mô hình AngularJS, nhiều phạm vi $ và dữ liệu hai chiều ràng buộc
- 7. Sự khác biệt giữa chiều rộng và cơ sở flex
- 8. Hai chiều ràng buộc với phạm vi và số đầu vào trong AngularJS
- 9. Sự khác biệt giữa các ràng buộc trống và rỗng
- 10. Angular2 liên kết dữ liệu hai chiều
- 11. liên kết hai chiều với elvis-operator
- 12. Sự khác biệt giữa một ký tự đại diện không ràng buộc và một kiểu thô
- 13. Hai chiều ràng buộc trong các hình thức phản ứng
- 14. Đồng bộ Javascript hai chiều Ràng buộc dữ liệu
- 15. Hai chiều ràng buộc giữa phụ huynh và trẻ em tùy chỉnh yếu tố trong Aurelia
- 16. jstree: ràng buộc chiều rộng
- 17. Ràng buộc hai chiều thuộc tính VerticalOffset trên ScrollViewer?
- 18. AngularJS triển khai cơ chế ràng buộc dữ liệu hai chiều của nó như thế nào?
- 19. Học thuyết - OneToOne Một chiều so với OneToOne Hai chiều
- 20. WPF liên kết hai chiều XML
- 21. Ràng buộc hai chiều trong Góc 2 với NgModel và biến đổi thuộc tính bị ràng buộc?
- 22. @OneToOne một chiều và hai chiều
- 23. Cần LiveBirectings hai chiều giữa điều khiển và đối tượng
- 24. Angular.js: liên kết hai chiều bên trong ng-repeat
- 25. Fahrenheit và Celsius chuyển đổi hai chiều trong AngularJS
- 26. Cách liên kết dữ liệu hai chiều giữa cha mẹ và cháu trong Vue.js
- 27. sự khác biệt giữa $ cookiestore và $ cookie trong angularjs
- 28. Sự khác biệt giữa ràng buộc và tham chiếu khóa ngoài trong Rails
- 29. Thuộc tính phụ thuộc tùy chỉnh và liên kết hai chiều trong WPF
- 30. Liên kết dữ liệu hai chiều với ngReact