Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular ngClass不';t评估_Angular_Ng Class - Fatal编程技术网

Angular ngClass不';t评估

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 }

当ngClass以对象键的方式使用时,它的计算结果不正确。例如,如果我在html中有:

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