以角度设置自定义指令

时间:2016-07-04 10:29:30

标签: javascript angularjs angularjs-directive

所以我对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元素,但问题是我无法检测到该元素的更改。任何人都可以帮忙建议我如何听取这些变化。我的代码是否适合我,能够做到这一点。

0 个答案:

没有答案