有角度 – 具有条件的Ng风格

发布时间：2020-12-17 09:53:17 所属栏目：安全来源：网络整理

导读：如何在满足列出条件的列表中的某些项目上应用样式： div data-ng-repeat="item in items" div data-ng-style="{'background' : 'red' : item.selected} {{item.name}} div div 如何在所选项目上应用此样式. 我认为最好使用ng-class来解决问题.然后,您将为红

如何在满足列出条件的列表中的某些项目上应用样式：

<div data-ng-repeat="item in items">
           <div data-ng-style="{'background' : 'red' : item.selected}> {{item.name}}
           <div> 
        <div>

如何在所选项目上应用此样式.

我认为最好使用ng-class来解决问题.然后,您将为红色背景创建一个新课程,例如：

<style>
    .red-background{
        background-color: red;
    }
</style>

然后根据条件使用这个类：

<div data-ng-class="{'red-background':item.selected}">{{item.name}}</div>

(不要忘记类名的单引号,很容易被忽略)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!