[英]Directive doesn't fire on SELECT change event
我有这个HTML代码:
<select class="state ng-scope ng-pristine ng-invalid ng-invalid-required">
<option value="" selected="selected" class="">Seleccione un estado</option>
</select>
我写了这个指令:
app.directive('state', ['$http', function($http){
return {
restrict: 'C',
link: function(scope, element, attrs) {
console.log("element" + element);
console.log("attrs" + attrs);
}
}
}]);
为什么指令不被触发?
我会在您的选择上添加ng-model,然后在您的指令中添加手表。 将变量传递到指令中并输出所需的结果。 伪代码:
<select ng-model="myList" class="ng-scope ng-pristine ng-invalid ng-invalid-required">
<option value="" selected="selected" class="">Seleccione un estado</option>
</select>
<span state selectedItem="myList"></span>
并且您的指令可能类似于:
directive('state', ['$http', function($http){
return {
restrict: 'A',
scope: {
myList: '=myList'
},
link: function(scope, element, attrs) {
scope.$watch('myList', function (newValue, oldValue) {
console.log(changed);
}
}
}
}])
问题是我没有听change
事件。 正确的代码是:
link: function(scope, element, attrs) {
console.log(element);
...
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.