将自定义角度脚本模板显示为表详细信息行

时间:2016-02-17 00:00:12

标签: javascript jquery angularjs

嗨,我对角度编程很陌生,我对hwo有一个问题,将角度脚本模板包含在表中

基本上我有一个显示数据的基本指令表,但我希望使用该基本指令的任何人提供他们希望细节行看起来如何的模板。我认为最好的方法是使用“角度脚本模板”

这个小提琴描述了我想要做的事情:

http://jsfiddle.net/g0b1xk9s/1/

基本上在小提琴中我想知道是否有可能显示带有id(template1)的模板,其中我有代码

      <div ng-include src="template1">

      </div>

这可能或者我应该找到另一种方法吗?

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

当然,您可以script tags are documented作为有效的模板方法

 <div ng-include src="'template'"></div>

  <script type="text/ng-template" id="template">
    <table border="1">
      <tr ng-repeat="note in ctrl.notes">
        <td>{{note.label}}</td>
      </tr>
      <tr ng-repeat-end>
        <td>Done: {{note.done}}</td>
      </tr>
    </table>
  </script>

DEMO