在Angular版本7中无法使用CSS类绑定

Question

我正在关注this Angular 7教程。但是我的类绑定抛出异常：

我将CSS类创建为

.test-regular
{
color:purple;
font-family: 'Courier New', Courier, monospace
}

，然后在customer-component.component.ts文件中创建了一个属性

 public regularClass="test-regular";

，并且在html模板中，我将其用作

 <h2 [class]="regularClass">Hiya Everyone</h2>

这是本教程中建议的方式。我想念什么吗？

Answer 1

由于我在<h2>内使用了<p>，这是不正确的，因为这些标记是专门用于传达节标题的逻辑标记。我得到了错误。

也不允许嵌套<p>。由于<p>是块级元素，因此不能包含自身。 因此，我按如下方式更新了html。

<p>  
<input [id]="divid" type="text" value="Cajole"/><br>
<input id="{{divid}}" type="text" value="Cajole"/><br>
<input [disabled]="isdisabled" type=text value="Cajole"/><br> 
</p>
<div [class]="regularClass">Hiya Everyone</div> 

希望这对不懂CSS的人有帮助。