Angular ng-class不能编译/工作

Question

ng-class指令不能编译，并且在运行时在检查器中可见。

ts脚本

export class TotalPage {

  showClass: boolean;

  constructor(public navCtrl: NavController ,public http: Http) {

        this.showClass = false;

  }

}

html

<ion-header>

  <ion-navbar>
    <ion-title>Total</ion-title>
  </ion-navbar>

</ion-header>

<ion-content padding>
  <div ng-class="{expenceBg:showclass}">Test</div>  
</ion-content>

scss

$expence-bg: #ffcccc;
$income-bg: #00cccc;
page-total {
    .expenceBg{
        background-color: $expence-bg;
    }
    .incomeBg{
        background-color: $income-bg;
    }
}

.expenceBg{
        background-color: $expence-bg;
    }

因此，当我运行它时，它会进行测试，所以它不会编译"ng-class“部分。我做错了什么？

Answer 1

ng-class仅在AngularJS中使用，不能在Angular (2+)中使用。请改用[ngClass]。

<ion-content padding>
  <div [ngClass]="{expenceBg:showclass}">Test</div>  
</ion-content>