Javascript AngularJS在ng repeat中选择单个表格单元格

我希望能够在

ng repeat

中单击一个表格单元格以选择它（或使用CSS切换“开/关”），但我遇到了难题，需要一些帮助

HTML

<tr ng-repeat="row in game.rows">
    <td ng-repeat="word in row.words">{{word}}</td>
</tr>

---

我想做的是能够单击

td

，类似于jQuery中的

toggleClass

工作方式，能够在单个

td

上切换CSS类。有什么想法吗？

您的问题不清楚，您可以使用

ng click=“toggle（$event）”

$event用于在触发事件的位置获取WWW。 并在控制器中使用以下功能

$scope.toggle = function(event){
 $(event.currentTarget).toggleClass("myClass");
}

---

可以实现。

您可以通过以下方式使用ng class指令轻松切换类：

<td ng-repeat="word in row.words" ng-class={yourClassName:toggle} ng-click="toggle = !toggle">{{word}}</td>

{{word}

每次点击都会切换你的类名。将为每个td自动生成“切换”属性（由于angular with ng repeat创建的范围）。因此它不会影响其他td。

谢谢，这正是我想要的。

<td ng-repeat="word in row.words" ng-class={yourClassName:toggle} ng-click="toggle = !toggle">{{word}}</td>