单击按钮时，我正在尝试为按钮添加颜色。按钮在 ng-repeat 下答案

【问题标题】：I am trying to add colors to buttons when a button is clicked. The buttons are under ng-repeat单击按钮时，我正在尝试为按钮添加颜色。按钮在 ng-repeat 下
【发布时间】：2015-11-25 10:15:09
【问题描述】：

这是在 ng-repeat 指令中生成席位的 html。 ng-class 已用于在选择座位时添加颜色。但它不起作用。

您可以在JSfiddle 及以下查看我的代码：

<body class="text-center" ng-app="movieApp" ng-controller="movieController">

<div id="content"> <span>
        Name: <input type="text" ng-model="name" required>
        Number of Seats: <input type="text" ng-model="seat" required>
    </span>

</div>
<div id="button">
    <button ng-click="Select()">Start Selecting</button>
</div>
<div ng-if="selected">
    <div>Row A 
<span ng-repeat="value in values" ng-class="{ 'selected-class-name': $event == selectedIndex }" ng-click="SeatSelected($event)">
            <input type="button" id={{"A"+value}} >
        </span>

    </div>
    <div>Row B 
<span ng-repeat="value in values" ng-class="{'selected':$event = selectedRow}" ng-click="SeatSelected($event)">
            <input type="button" id={{"B"+value}} >
        </span>

    </div>
    <div>Row C 
<span ng-repeat="value in values" ng-class="{'selected':$event = selectedRow}" ng-click="SeatSelected($event)">
            <input type="button" id={{"C"+value}} >
        </span>

    </div>
    <div>Row D 
<span ng-repeat="value in values" ng-class="{'selected':$event = selectedRow}" ng-click="SeatSelected($event)">
            <input type="button" id={{"A"+value}} >
        </span>

    </div>
    <button ng-click=Confirm()>Confirm Selection</button>
    <div ng-if="confirmed" class="text-center">Create a Table
        <table>
            <tr>
                <th ng-repeat="header in headers">{{header.name}}</th>
            </tr>
            <tr ng-repeat="row in data">
                <td>{{row.name}}</td>
                <td>{{row.seat}}</td>
                <td>{{row.seatSelected}}</td>
            </tr>
        </table>
    </div>
</div>
</body>

【问题讨论】：

请贴出生成的 HTML 代码。上面代码的演示也可以。
请在 jsfiddle.net 中提供您的代码
看看这个小提琴：jsfiddle.net/manit_kant/mym34oc0
看看ng-mousedown
@gaynorvader - 你能详细说明一下吗？或任何相同的小提琴链接？请理解这些按钮是使用 ng-repeat 生成的，我正在尝试在单击按钮时将颜色应用于按钮

标签： css angularjs ng-repeat ng-class

【解决方案1】：

检查这个小提琴：

http://jsfiddle.net/hv9ssxuf/

我在点击座位时添加了angular.element(event.toElement).toggleClass('selected');，它对我来说很好。

希望对你有帮助。

【讨论】：