所以我对angular很新,我正在尝试创建一个自定义指令。我找到了两个很棒的教程,但我想要的实现与我使用的教程不同。
我的HTML如下:
<!-- More HTML -->
<ul>
<display-evaluation></display-evaluation>
</ul>
display-evaluation使用的模板如下:
<li>
<div><p ng-model="eval">value to listen to</p></div>
</li>
我的控制器如下所示:
.controller('mycontroller', function(){
//a bunch of stuff
this.showColor = red;
})
我的自定义指令如下所示:
.directive('displayEvaluation', function(){
return:{
restrict:'E',
templateUrl:'/path/to/template.html',
require:'ngModel',
replace: true,
link: function(){
//respond to changes in the p element
}
}
})
所以我试图听模板中的p元素,但问题是我无法检测到该元素的更改。任何人都可以帮忙建议我如何听取这些变化。我的代码是否适合我,能够做到这一点。