在角度模板中使用ng-controller

时间:2016-01-07 16:06:38

标签: angularjs

我在ng-controller脚本标记中传递了ng-template属性,

<script type="text/ng-template" id="dirTemplate.html" ng-controller="tmplCtrl">

但是控制器范围内的变量在模板中不可用。

上述代码的Jsfiddle位于http://jsfiddle.net/HB7LU/21925/

1 个答案:

答案 0 :(得分:6)

你可以用两种方式之一来做,但不能用你现在的做法。

ng-controller添加到使用ng-include

的div中
<body ng-app="myApp">
  <script type="text/ng-template"  id="dirTemplate.html">
     {{tmplValue}}
  </script>

  <span ng-include="'dirTemplate.html'" ng-controller="tmplCtrl"></span>
</body>

http://jsfiddle.net/HB7LU/21927/

在模板

内的嵌套div中添加ng-controller
<body ng-app="myApp">
    <script type="text/ng-template"  id="dirTemplate.html">
      <div ng-controller="tmplCtrl">{{tmplValue}}</div>
    </script>

    <span ng-include="'dirTemplate.html'"></span>
</body>

http://jsfiddle.net/pkpbwee9/1/