Mdl tabs «is-active» класс не применяется к Angular2 [ngClass]

Я создал два образца plunker. В первом я попытался применить класс по имени active и его применить, и вот демо для него - http://plnkr.co/edit/0txN0C14GPl0ljrpsDlr?p=preview Но когда я пытаюсь применить класс «is-active», он не применяется. Почему это так? Вот plunker демо для IT- http://plnkr.co/edit/oNRL4Rc6lmjmaLGXX54H?p=preview Mdl tabs «is-active» класс не применяется к Angular2 [ngClass]

<a href="#starks-panel" id="first" class="mdl-tabs__tab" [ngClass]="{ is-active: isOn}">Starks</a>

Кто-нибудь взглянуть на этот код и направлять меня, чтобы исправить ошибку

Это объект js. Если вы хотите использовать тире в ключе, вы должны обернуть ключ в ''. '[ngClass] =" {'is-active': isOn} "' должен работать. – kit

Спасибо, что он работает –

как насчет принятия ответа :) – kit

ngClass был удален, и вы должны использовать скобки синтаксис связывания в class атрибут. В результате код будет выглядеть примерно так:

<a href="#starks-panel" id="first" class="mdl-tabs__tab" [class.is-active]="isOn">Starks</a

2017-01-07 14:52:22

ответ