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

我想在整个ionic2选择器类上应用特定的css类，而不是在离子内容上。如何将CSS规则应用于整个页面选择器类ionic2

比如我有一个网页选择：

selector: 'home-page'

现在我想切换一个CSS规则（切换类“调整页面”）的ionic2页面内通过TS功能。所以每次按下按钮，它都会添加或切换到整个页面选择器。

来源

2017-10-11 Nikola Noxious Dimitrov

能告诉你的' ts'代码和'html'呢？ – Sampath

您可以使用ngClass：

<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 ++; 
}

，或者如iWork的评论所说：

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

来源

2017-10-11 15:25:45

我宁愿使用''''''，因为我不想让我的TS知道班级名称。这属于模板。 –

当然，这也会起作用。我只是添加了更详细的版本，以防需要更多的商业登录方法。 –

我认为这将只适用于离子含量的类。但它不包含页眉或页脚元素。我的问题是如何在整个页面选择器上应用类。我想要应用比例尺CSS属性，对于这种情况，我想要应用整个页面，而不仅仅是离子内容。 –

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

回答

相关问题