首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何设置有条件的ng类风格适用于所有div?

如何设置有条件的ng类风格适用于所有div?

提问于 2018-05-29 07:17:30
回答 1关注 0查看 178

我有一个显示在模式上的患者的卡号列表。如果卡被设置为默认卡,那么它应该有一个灰色的背景 - 这是基于对象的值为true。

代码语言:javascript
复制
<td ng-repeat="obj in paymentAndShipping">
            <div ng-click="setDefaultPaymentMethod(obj.ElectronicPaymentAccountType, obj.ElectronicPaymentAccountID)" ng-class="{'chosencard' : obj.PreferredAccount }">
                <span ng-show="obj.PreferredAccount" class="glyphicon glyphicon-ok"></span>
                <p>{{obj.ElectronicPaymentAccountType}} {{trimCardNum(obj.CreditCardNumber)}}</p>
                <p>Exp: {{obj.ExpirationDate}}</p>
            </div>
        </td>

重要部分:

代码语言:javascript
复制
ng-class="{'chosencard' : obj.PreferredAccount }"

相关的CSS:

代码语言:javascript
复制
.chosencard {
        background-color: @gray-lighter;
    }

在这里你可以看到我迭代了数组并使用ng-repeat检索对象,然后在表格单元格内的div上应用ng-class,以确定是否应用了样式。

以下是该行为的屏幕截图。

PS:当我点击一个单独的div时,除了我单击的div之外,灰色背景会从其他所有其他div中删除。在上面看到的四个对象中,只有其中一个具有真值,这是最后一张牌。

在这里输入图像描述
在这里输入图像描述

回答

和开发者交流更多问题细节吧,去 写回答
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档