Javascript Angularjs指令单击元素

您好，我想知道当我有一个ng repeat中的元素列表时，如何允许用户单击其中一个列表并通过.css（）使其高亮显示。然后，如果用户单击了另一个元素，则前一个元素将取消高亮显示，而新单击的元素将高亮显示

---

谢谢

您可以尝试使用ng click设置所选项目，并使用ng class应用条件css类：

<ul>
    <li ng-repeat="item in list" ng-class="{'highlight': model.selected == item}">
        <button ng-click="model.selected = item">Select</button>
    </li>
</ul>

我们需要使用一个对象来保存所选项目，以便为ng repeat的每个项目共享范围，否则，它将为每个项目存在，因此可以选择多个项目

---

演示：

您可以尝试使用ng click设置所选项目，并使用ng类应用条件css类：

<ul>
    <li ng-repeat="item in list" ng-class="{'highlight': model.selected == item}">
        <button ng-click="model.selected = item">Select</button>
    </li>
</ul>

我们需要使用一个对象来保存所选项目，以便为ng repeat的每个项目共享范围，否则，它将为每个项目存在，因此可以选择多个项目

---

演示：

您也可以将

ng click

表达式放在

li

上并跳过按钮。您也可以将

ng click

表达式放在

li

上并跳过按钮。