ngClass不评估

Question

在对象-键方式中使用ngClass时，它的评估不正确。例如，如果我使用html：

    <div [ngClass]="{'cbold': bold, 'citalic': italic, 'cunderline': underline}">Some text</div>

在组件中我有：

   bold= false;
   underline = true;
   italic = false;

在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>

这里是stackblitz link

这是一个已知的错误，还是我做错了什么？

Answer 1

在css文件中的类名前面需要一个点，而在标记样式时不带点。

.cbold {
  font-weight: bold
}

.citalic {
  font-style: italic
}

.cunderline {
  text-decoration: underline;
}

Answer 2

您忘记在类名之前的CSS中添加struct R1: Resource { var value: String } let r1 = R1(value: "R1 is of type Resource") let result = Result<R1>.success(r1) print(result.value) 。

.

Answer 3

您没有使用类选择器。

.cbold {
     font-weight: bold
   }

   .citalic {
     font-style: italic
   }

   .cunderline {
     text-decoration: underline;
   }