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

前端之家收集整理的这篇文章主要介绍了有角度 – 具有条件的Ng风格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在满足列出条件的列表中的某些项目上应用样式:
<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>

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

原文链接:https://www.f2er.com/angularjs/140422.html

猜你在找的Angularjs相关文章