Angular ngClass不';t评估
当ngClass以对象键的方式使用时,它的计算结果不正确。例如,如果我在html中有:Angular ngClass不';t评估,angular,ng-class,Angular,Ng Class,当ngClass以对象键的方式使用时,它的计算结果不正确。例如,如果我在html中有: <div [ngClass]="{'cbold': bold, 'citalic': italic, 'cunderline': underline}">Some text</div> 在css中,我有: cbold { font-weight: bold } citalic { font-style: italic }
<div [ngClass]="{'cbold': bold, 'citalic': italic, 'cunderline': underline}">Some text</div>
在css中,我有:
cbold {
font-weight: bold
}
citalic {
font-style: italic
}
cunderline {
text-decoration: underline;
}
我的文本将不加下划线。以下是我检查时得到的结果:
<div _ngcontent-sqd-c0="" class="cunderline" ng-reflect-ng-class="[object Object]">Some text</div>
一些文本
这是一个
这是一个已知的bug,还是我做错了什么?在css文件中,您需要在类名前面加一个点,而在设置标签样式时不加点
.cbold {
font-weight: bold
}
.citalic {
font-style: italic
}
.cunderline {
text-decoration: underline;
}
您忘记在css中的类名之前添加
.cbold {
font-weight: bold
}
.citalic {
font-style: italic
}
.cunderline {
text-decoration: underline;
}
您没有使用类选择器
.cbold {
font-weight: bold
}
.citalic {
font-style: italic
}
.cunderline {
text-decoration: underline;
}
我的错,谢谢,我以为问题出在ng reflect ng class=“[object object]”
.cbold {
font-weight: bold
}
.citalic {
font-style: italic
}
.cunderline {
text-decoration: underline;
}