在角，我看到一些像这样的代码：[class.active] =“isActive”，什么是的“class.active”这里的含义是什么？

Question

在角培训视频，我看到一些代码，象下面：

<button class="nav nav-primary" [class.active]="isActive">

和在组件中，如果我们让可变isActive=true，则该按钮具有“活性”类;如果让变量isActive=false，那么按钮没有“活动”类。

我知道，这是一个单向绑定，但我想知道发生了什么语法意味着“class.active”？ （“类”具有“积极”的属性？但这是不可能的。

Answer 1

这意味着你用的名字active（class.active）该元素设置class，如果expression，在这种情况下isActive属性true或可以被解析到true。

不要去想它作为class的属性active，它只是将由角度来评估一个结构来获取类的名称。

从Documentation

您可以绑定到一个特定的类名。角增加了上课的时候 模板表达式求truthy。当 表达式是虚假的时，它将删除该类。