angularjs - 如何更改 Material 设计按钮行中所选按钮的外观？

Question

我有一个 HTML 表格，在几行中，每个单元格中有一个 Material Design 按钮，是使用 AngularJS 动态生成的。

<table class="plans">
    <tbody>
        <tr>
            <td>Work Plans</td>
            <td ng-click="pbmainController.selectPlan(plan.planName)"
                ng-repeat="plan in pbmainController.planList">
                    <md-button class="md-raised">{{plan.planName}}</md-button>
            </td>
        </tr>
    </tbody>
</table>

一次只能选择一个按钮(即像单选按钮)。

如何更改所选按钮的颜色？

Answer 1

我通过使用三元运算符将 ng-class 放在按钮上来使其工作

<table class="plans">
    <tbody>
        <tr>
            <td>Work Plans</td>
            <td ng-click="pbmainController.selectPlan(plan.planName)"
                ng-repeat="plan in pbmainController.planList">
                    <md-button ng-class="plan.planName == selectedPlanName ? 'md-raised md-primary' : 'md-raised'">{{plan.planName}}</md-button>
            </td>
        </tr>
    </tbody>
</table>