我试图做一个表格指令,将具有一些更高级的功能,但是当我编写从我构建的基本版本遇到了我不明白的东西。使用跨越时,元素和属性指令有区别吗?
我有一个名为“njTable”
当我使用它,因为它的工作原理的属性指令:
<body ng-app="tableTest">
<div ng-controller="mainCtrl as mc">
<div></div>
<table nj-table>
<nj-head>
<tr>
<th>Name</th>
<th>Age</th>
<th>State</th>
</tr>
</nj-head>
<nj-body>
<tr ng-repeat="person in mc.asyncList">
<td>{{person.name}}</td>
<td>{{person.age}}</td>
<td>{{person.state}}</td>
</tr>
</nj-body>
</table>
</div>
然而,当我使用完全相同的指令,作为一个元素它游:
<body ng-app="tableTest">
<div ng-controller="mainCtrl as mc">
<div></div>
<nj-table>
<nj-head>
<tr>
<th>Name</th>
<th>Age</th>
<th>State</th>
</tr>
</nj-head>
<nj-body>
<tr ng-repeat="person in mc.asyncList">
<td>{{person.name}}</td>
<td>{{person.age}}</td>
<td>{{person.state}}</td>
</tr>
</nj-body>
</nj-table>
</div>
这里是破Plunker:http://plnkr.co/edit/zkpPcJG1ZZ5XjORJOoy6?p=preview
这里是功能Plunker:http://plnkr.co/edit/9W56YRREyuR4ew2rgVUc?p=preview
也许我不完全了解使用指令作为属性VS使用它作为一个元素之间的区别?
你是说你不能使用角度指令创建自定义标签吗?如果这就是你所说的那是不正确的,我会一直制作自定义标签。 – njfife 2014-12-02 22:27:19
您可以使用Angularjs创建任何您想要的内容,例如> look-how-awesome-this-element-tag-is> DID您检查当您使用指令作为你在你的返回中指定的“restrict:'E'”的元素?或者至少“限制:'EA'”? –
SoEzPz
2014-12-02 22:28:27
如果你看看Plunkr,你可以看到我做了 – njfife 2014-12-02 22:31:48