[英]angularjs best practices - communication between directives without $rootScope?
[英]AngularJS directives - best practices when using ngModel with jQuery widget
这是我的问题。 例如,我们有以下指令,它在后台使用一些jQuery小部件:
module.directive('myWidget', [function() {
return {
require: "ngModel",
restrict: "A",
replace: true,
templateUrl: "templates/myWidget.html",
link: function(scope, element, attrs, ctrl) {
element.widget_name().on('value_updated', function(event) {
scope.$apply(function() {
var newModelValue = event.some_value;
ctrl.$setViewValue(newModelValue);
});
});
scope.$watch(attrs["ngModel"], function(value){
element.widget_name('set_value', value);
});
}
};
}]);
因此,如果模型的值发生变化,那么将执行使用$ watch注册以侦听模型中的更改的处理程序,因此,widget的'set_value'方法也将被执行。 这意味着将触发'value_updated'事件。
我的问题是:在指令中实现类似行为以避免额外调用DOM事件处理程序和观察者的最佳做法是什么?
而不是scope.$watch()
,我建议实现ctrl.$render()
。 只有在Angular中的某些内容更改模型时才应调用$ render。 小提琴的例子 。
这解决了你没有提到的问题。 不幸的是,它没有解决你提到的问题。 在小提琴中, blur
事件被绑定,而不是一些widget.on()事件。 也许这对你有用 - 也就是说,只在模糊时更新模型,而不是每次击键(这假设你的小部件接受击键)。
也许你也可以要求小部件作者提供一个不会触发事件的“set”方法。 然后可以在$ render()方法中使用它。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.