角度 JS 自定义指令不起作用

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>

自定义指令注册，指令模板HTML文件分配，在表体中调用自定义指令，还添加了脚本文件位置页眉。没有任何东西正在填充/不起作用.需要帮助谢谢

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

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

上级：

将replace:true添加到指令中。

演示普伦克。

相关内容

最新更新

热门标签：