使用不属于指令的angularJs在表中显示其他列

时间:2015-04-28 03:58:55

标签: angularjs angularjs-directive angularjs-ng-repeat

我是AngularJs的新手。这是我的场景,我需要在表的最后一列显示已被指令绑定的删除按钮?

[http://plnkr.co/edit/QxzBu2CyIpeTObNNXHKO?p=preview][1]

为什么我在上一栏中没有看到删除选项?我在这做错了什么?

提前致谢

2 个答案:

答案 0 :(得分:1)

因为myElement指令删除了所有子元素并将其替换为template

已修复demo

template: '<td>{{ item.name }}</td><td>{{ item.age }}</td><td>delete</td>'

答案 1 :(得分:1)

该指令并非所有必要,但无论你的船是什么漂浮。只需更新模板即可呈现删除按钮。

template: '<td>{{ item.name }}</td><td>{{ item.age }}</td><td><a href="#" ng-click="deletePerson($index);">Delete</a></td>'

或者您可以跳过该指令,并采用以下方式:

<tr ng-repeat="person in people">
    <td>{{ person.name }}</td><td>{{ person.age }}</td><td><a href="#" ng-click="deletePerson($index);">Delete</a></td>
</tr>

然后

$scope.deletePerson = function(index) {
    delete $scope.people[index];
}