ionic 3 dynamic class (ngClass)

angular ionic-framework ionic3 ng-class
hashbyte picture hashbyte · May 4, 2018 · Viewed 13.1k times · Source

So I am pretty new to this. I using Ionic 3 and trying to dynamically choose which class to use based on a condition but I cannot get ngClass to work... Any help would be appreciated.

    <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>

Answer

Sajeetharan picture Sajeetharan · May 4, 2018

You are using angularjs syntax wih angular, it should be something like this,

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

Related questions

Correct way to use image assets in Ionic 2

What’s the best practice for image assets in Ionic 2? I have a bunch of SVGs I want to use as non-system icons. I found some older tips on using Gulp but it seems Ionic team has decided on Rollup …

Read More
Angular 4 : How to use await/async within subscribe

I can honestly say await/async in angular is really a great stuff, it reduces a lot of braces, improves readability and prevent a lot of human error. However, one thing puzzles me a lot. how can I use await/…

Read More
How to get the value from ion-select option

I have an array of object called options. this is my html code <ion-item> <ion-label>place</ion-label> <ion-select [(ngModel)]="place" (click)="optionsFn(item);"> <ion-option value="item" *ngFor="let item of options"&…

Read More