javascript - Angular.js 中的嵌套 View 模板？

Question

我的 html 文件中有这部分 html 代码，它会重复多次(我的 html 文件中有多个表...)

                <table>
                    <thead>
                      <tr>
                          <th data-field="id">Vorname</th>
                          <th data-field="name">Nachname</th>
                          <th data-field="price">Anzahlaktien</th>
                          <th data-field="action">Wert</th>
                          <th data-field="action">Einkaufsdatum</th>
                          <th data-field="action">Ort</th>
                          <th data-field="action">Aktion</th>
                      </tr>
                    </thead>

                    <tbody> // different data

是否可以在 angular.js 中将其设置为“部分 View ”？ (就像在meteor.js中一样)这样我就可以将它包含在需要的地方{{myView}}...

Answer 1

您可以使用ng-include来包含您的html部分文件。顺便说一句，有很多方法可以做到这一点，并且使用带有自己的 templateUrl 的指令是(我认为)最好的方法。

ngInclude doc

<div ng-include="'partial.html'"></div>

directive doc

HTML:

<my-directive></my-directive>

JS:

.directive('myDirective', function() {
  return {
    templateUrl: 'partial.html'
  };
});