Question

app.directive("myData", function()
{
    return {
        templateUrl: '/my-data.html'
    };

});
my-data.html file code

<tr ng-repeat="employee in employees">
    <td>{{employee.id}}</td>
    <td>{{employee.name}}</td>
    <td>{{employee.gender | uppercase }}</td>
    <td>{{employee.salary | currency : '$'}}</td>
</tr>


<body ng-app="DemoAngular">
    <div ng-controller="AngularController">

        <table>
            <thead>
                <tr>
                    <th>Id</th>
                    <th>Name</th>
                    <th>Gender</th>
                    <th>Salary</th>
                </tr>
            </thead>
            <tbody>
                <my-data></my-data>
</tbody>
        </table>


    </div>
</body>

自定义指令reg。，指令模板html文件赋值。，在表体中调用自定义指令，还添加了脚本文件位置头。什么都没有填充/不工作.. 需要帮助谢谢

Answer 1

myData在table元素中无法识别。您可以使用restrict: 'A'更改指令，并在模板中使用它，如下所示：

<table>
  <thead>
  ...
  </thead>
  <tbody>
    <tr my-data></tr>
  </tbody>
</table>

<强> UPD：

将replace:true添加到您的指令中。

demo plunker。

angular JS自定义指令不起作用

1 个答案: