角度-根据ngIf结果更改组件样式

时间:2020-06-10 15:31:54

标签: html css angular angular-material

我有一个垫子卡,里面基本上有两列;一栏用于显示图像,另一栏用于显示席卡内容。我目前将两列的宽度设置为它们容器宽度的一半,以将它们均匀地垫在垫卡中。

我正在尝试修改我的html代码,以便如果返回的图像路径为空,则垫卡中的内容会占据垫卡的整个宽度。我尝试使用下面的[ngClass]这样做,但无法正常工作。

还有另一种方法吗?

下面是我的html代码,我将两列的宽度设置为css文件中其容器宽度的一半。

SizedBox(height: x)

1 个答案:

答案 0 :(得分:0)

[ngClass]可以帮助您向元素添加一些CSS类,而在代码中,您尝试添加设置为width的{​​{1}}属性。 如果您想使用80%,则可以这样写

[ngClass]

并在CSS或SCSS文件中指定此类,

[ngClass]="{ yourClassName: blog.imagePath === ''}"