在角，我看到一些像這樣的代碼：[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。當 表達式是虛假的時，它將刪除該類。