[英]Add css class name with a TS property Angular 7
I'm having an issue with a simple thing I guess ... 我猜一个简单的问题我猜...
I just need my span
tag to have a class named store in a variable from my .ts file
: 我只需要我的
span
标签在我的.ts file
的变量中有一个名为store的类:
<span [ngClass]="{'flag-icon': true, 'my_property_in_TS': true}"></span>
I tried some things like this : 我尝试过这样的事情:
<span [ngClass]="{'flag-icon': true, ${lang.codeIcon}: true}"></span>
<span [ngClass]="{'flag-icon': true, lang.codeIcon: true}"></span>
I'm sure the answer is very simple... Does someone knows how to make it ? 我确定答案很简单......有人知道怎么做吗?
You could try something like this - 你可以试试这样的东西 -
<span [ngClass]="['flag-icon', lang.codeIcon]"></span>
For more ways - 有更多方法 -
To use the css class stored in lang.codeIcon
, do like that: 要使用存储在
lang.codeIcon
的css类,请执行以下操作:
<span [ngClass]="lang.codeIcon"></span>
For many classes, use an array: 对于许多类,使用数组:
<span [ngClass]="[lang.codeIcon, 'flag-icon']"></span>
For conditionnal, use braces: 对于conditionnal,使用大括号:
<span [ngClass]="{'flag-icon': booleanVar, lang.codeIcon: !booleanVar}"></span>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.