Question

我希望能够点击ng-repeat中的表格单元格来选择它（或使用CSS切换“打开/关闭”），但我感到难过，可以使用一些帮助。

HTML

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

td由API播种，包含游戏的文字。

控制器

'use strict';

angular.module('MyApp')
    .controller('CardCtrl', function($scope, $http) {
        $scope.game = {};

       $http.get('/api/games/new').success(function(game) {
           $scope.game = game;
        });
    });

我想要做的是能够点击td与jQuery中的toggleClass类似，能够在单个td上切换CSS类。有什么想法吗？

Answer 1

你的问题不明确，你可以使用ng-click="toggle($event)" $ event用于触发事件触发。并在控制器中使用以下功能。

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

可以实现。

Answer 2

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

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

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

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

2 个答案: