Ng风格的条件

Question

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

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

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

Answer 1

试试这段代码,

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

Answer 2

我认为最好用ng-class你的问题.然后,您为红色背景创建一个新类,例如:

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

然后根据条件使用此类:

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

(别忘了类名周围的单引号,很容易被忽略)