ионный 3 динамический класс (ngClass) - PullRequest
Новая
       13

ионный 3 динамический класс (ngClass)

0 голосов
/ 04 мая 2018

Так что я довольно новичок в этом. Я использую Ionic 3 и пытаюсь динамически выбрать, какой класс использовать, основываясь на условии, но я не могу заставить работать ngClass ... Любая помощь будет оценена. 

    <div ng-class="test: data[i].complete ? 'completed' : 'notCompleted'>
      <div class="dueDate">{{ data[i].dueDate }}</div>
      <div class="taskLabel">{{ data[i].taskLabel }}</div>
      <div class="checkBox">
        <img src="{{ data[i].complete_url }}" style="width : 100% ; height : 100%" (click)="CheckBox(i)">
      </div>
    </div>

Ответы [ 2 ]

0 голосов
/ 04 мая 2018

[class.x] = "условие" добавляет класс x к элементу, если условие истинно 

 <div  [class.completed]="data[i].complete" [class.myNotCompleted]="!data[i].complete">
0 голосов
/ 04 мая 2018

Вы используете синтаксис angularjs с angular, это должно быть что-то вроде этого, 

[ngClass]="test===data[i].complete?'completed':'my-notCompleted'"
...