有没有办法在AngularJS指令中观察函数表达式更改的值？我有以下
HTML和
Javascript,模板中{{editable()}}的插值显示值为true,同时检查Chrome中的HTML元素显示contenteditable为false.
关于我如何看这个函数的值的任何建议都会改变,并相应地更新元素attr？还是有更好的方式来实现这一点(我还是想评估功能)？
HTML：
<h4 editable="account.hasRole('ROLE_ADMIN')"
content="doc.heading"></h4>
使用Javascript：
mod
.directive(
'editable',function() {
return {
restrict : 'A',template : '<button class="btn pull-right"><i class="icon-pencil"></i></button>{{content}} ({{editable()}})',scope : {
'content' : '=','editable' : '&'
},link : function(scope,element,attrs) {
scope.$watch('editable',function(newValue) {
element.attr('contenteditable',newValue());
});
}
};
});
