javascript - 将自定义 Angular 脚本模板显示为表详细信息行

Question

嗨，我对 Angular 编程很陌生，我有一个关于如何将 Angular 脚本模板包含到表中的问题

基本上，我有一个显示数据的基本指令表，但我希望使用该基本指令的任何人都提供一个模板，说明他们希望详细信息行的外观。我认为最好的方法是使用“Angular 脚本模板”

这个 fiddle 描述了我想做的事情:

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

基本上在 fiddle 中我想知道是否可以显示带有 id (template1) 的模板，其中我有代码

      <div ng-include src="template1">

      </div>

这可能吗，还是我应该找到另一种方法来做到这一点？

感谢您的帮助

Answer 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