5
Xin chào cái nào tốt hơn? Sự khác biệt là gì? Những ưu và khuyết điểm là gì?yêu cầu: ngModel so với phạm vi: {ngModel: '='} trên AngularJS Chỉ thị
Đây là mã so sánh giữa hai:
phạm vi: {ngModel: '='}
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="app">
<input ng-model="code"></my-directive>
</div>
<script type="text/javascript">
app = angular.module('app', []);
app.directive('input', function(){
return {
scope: {
ngModel: '='
},
link: function(scope, element, attrs){
scope.$watch('ngModel', function(value){
console.log(value);
})
}
}
});
</script>
</body>
</html>
yêu cầu: 'ngModel',
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="app">
<input ng-model="code"></my-directive>
</div>
<script type="text/javascript">
app = angular.module('app', []);
app.directive('input', function(){
return {
require: 'ngModel',
link: function(scope, element, attrs, ngModel){
attrs.$observe('ngModel', function(value){
scope.$watch(value, function(newValue){
console.log(newValue);
});
});
}
}
});
</script>
</body>
</html>
PS Xin lưu ý rằng cả hai mã đều giống nhau. Nhật ký trên giao diện điều khiển với giá trị của mô hình
Ý kiến không phải là sự xem xét của SO. – Rob
"tốt hơn" -> bạn đang cố gắng làm gì? Sự khác biệt: 'require' cho bạn toàn bộ' NgModelController' (do đó bạn có thể cắm vào đường dẫn chuyển đổi và xác nhận của Angular), 'scope =' cho bạn một ràng buộc với cùng một biểu thức được sử dụng bởi 'ng-model' (và bên dưới 'NgModelController'). –
Ưu và nhược điểm là gì? –