如何实现像创建角度指令

时间:2017-06-07 12:02:17

标签: javascript html angularjs angularjs-directive

我想创建一个表指令,它将接收行类型作为参数。

假设使用table指令应该类似于:

<my-table items="collection" row-type="blueRow"></my-table>

,模板类似于:

<table>
   <tr ng-repeat="item in vm.items">
     <my-row type="vm.rowType"></my-row>
   </tr>
</table>

这样任何人都可以使用该表,并将他们想要的特定行类型“注入”到table指令中。

如何使myRow标记成为用户在创建表时所传递的指令类型? 我尝试使用这样的transclude:

<my-table items="collection">
     <my-row>
         <td class="blue-row">this is my blue row</td>
     <my-row>
</my-table>

并在表指令模板中(显然正确调整指令.js):

 <table>
   <tr ng-repeat="item in vm.items">
     <div ng-transclude="row"></div>
   </tr>
</table>

但它不起作用。

真的很感谢你的帮助! 感谢。

0 个答案:

没有答案