如何在AngularJS中的同一视图和控制器中重用html模板？

我有一个如下所示的表单模板

<form editable-form name="tableForm">
    <table>
       <tr style="font-weight: bold">

           // Column names here....

       </tr>
       <tr ng-repeat="user in list1>

          //Column values here ...

       </tr>
    </table>
</form>

//这里的列名。。。。
您可以在角度应用程序中添加一个

首先，必须将html移动到单独的文件中，然后声明一个指令：

.directive('tableform', function() {
  return {
    scope: {
      list: '='
    },
    restrict: 'E',
    replace: true,
    templateUrl: '<path to html file>'
  };
});

.directive（'tableform'，function（）{
返回{
范围：{
列表：'='
},
限制：'E'，
替换：正确，
templateUrl:“”
};
});

最后，您可以这样使用它：

<tableform list="list1" />
<tableform list="list2" />
...


...
查看
指令
。谢谢@stepankasysanenko。我正在调查此事。