angular html清除元素,angularjs – Angular.js如何更改元素css类点击和删除所有其他

创建一个名为selectedIndex的scope属性和一个itemClicked函数：

function MyController ($scope) {

$scope.collection = ["Item 1", "Item 2"];

$scope.selectedIndex = 0; // Whatever the default selected index is, use -1 for no selection

$scope.itemClicked = function ($index) {

$scope.selectedIndex = $index;

};

}

然后我的模板看起来像这样：

ng-class="{ 'selected-class-name': $index == selectedIndex }"

ng-click="itemClicked($index)"> {{ item }}

仅供参考$ index是ng-repeat指令中的一个魔术变量。

您可以在指令和模板中使用同样的示例。

这里是一个工作plnkr：