[英]angular JS custom directive not working
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文件分配,在表主体中调用自定义指令,还在标头中添加了脚本文件位置。 什么都没有填充/不工作..需要帮助谢谢
myData
将不会在table
元素中识别。 您可以使用restrict: 'A'
更改指令,并在模板中使用它,如下所示:
<table>
<thead>
...
</thead>
<tbody>
<tr my-data></tr>
</tbody>
</table>
UPD:
在您的指令中添加replace:true
。
演示朋克 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.