CSS改变样式

标签 css ionic2

我正在使用 Ionic2,并且有 ion-content 标签。根据变量,我想更改标签上的样式。

我已经尝试了以下方法,但它不起作用:

<ion-content *ngIf="persoModel.type === 0" padding class="person-content-wanted">
<ion-content *ngIf="personModel.type === 1" padding class="person-content-offered">
...
</ion-content>

任何人都可以提出实现此目标的方法吗?

谢谢

最佳答案

这里 personModel 是一个 bool 值,如果它是 true,你将得到 person-content-wanted 类,如果它是 false,你将得到 person-content-offerred

 <ion-content [class]="personModel? 'person-content-wanted' : 'person-content-offered'">

关于CSS改变样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40671235/

相关文章:

internet-explorer - CSS3 站点不能在 IE 中运行。即使是IE10

html - CSS 溢出 :auto hiding absolutely positioned child elements that exceed parent size

jquery 的 CSS W3C 合规性

javascript - ionic 收集重复不起作用

javascript - 如何使用 HTML、CSS 和 JavaScript 制作时间轴?

javascript - 组件渲染时加载组件 css

android - 在 Phonegap 构建中构建时出现 ionic 诊断插件错误

android - 使用 cordova-plugin-file-transfer 的文件上传不适用于 Android,仅适用于 iOS

Angular 2 - [(ngModel)] 在 [value] 更改后不更新

javascript - 使用 DomSanitizer 绕过安全性后,安全值必须使用 [property]=binding