如何将css规则应用于整个页面选择器类ionic2

Question

我想在整个ionic2选择器类上应用特定的css类，而不是在离子内容上。

例如，我有一个带选择器的页面：

selector: 'home-page'

现在我想通过ionic2页面内的TS函数切换css规则（切换类＆＃39; resize-page＆＃39;）。因此，每次按下按钮，它都会将此类添加或切换到整个页面选择器。

Answer 1

您可以使用fgets：

<ion-content [ngClass]="getClass()">

</ion- content>

在您的.ts文件中：

buttonClickedTimes = 0;
getClass(): string {
    // based on how many times the button is clicked
    // return 'class-1' or 'class-2' 
    this.buttonClickedTimes % 2 == 0 ? 'class-1' : 'class-2';
}

clickButton(): void {
    this.buttonClickedTimes ++;
}

或，在评论中建议ngClass：

<ion-content [class]="buttonClickedTimes%2 === 0 ? 'class-1' : 'class-2'"></ion-content>