ngClass не работает, как должно

Question

Я играю с ngClass, и я не знаю, что я делаю неправильно. Это показывает странное поведение. Кажется, что когда я назначаю функцию ngClass, она не работает, но если я назначу ей литерал объекта, она будет работать. Как я могу заставить ngClass работать с моей функцией Component?

ProposalForm.ts

import {Component} from 'angular2/core'; 
import {NgClass} from 'angular2/common'; 
@Component({ 
    selector: 'proposal-form', 
    template: ` 
    <div [ngClass]="setClasses()"> 
    ghtfhg 
    </div> 
    <div [ngClass]="{active:true, disabled:true}"> 
    1111111 
    </div>`, 
    directives:[NgClass] 
}) 
export class ProposalForm { 

    setClasses() { 
    return {active:true, disabled:true}; 
    } 
} 

Глядя на инспектора Хрома этого является HTML

<proposal-form _ngcontent-xxb-2=""> 
<div class=""> 
    ghtfhg 
</div> 
<div class="active disabled"> 
    1111111 
</div></proposal-form> 

Answer 1

Вы не предоставляют много информации о том, что и как она не работает. Я предполагаю, что проблема заключается в том, что setClasses() всегда возвращает другой объект, и определение изменения углов не нравится.

Вы должны вместо этого привязать к полю

classes = {active:true, disabled:true}; 

, а затем обновить значение classes когда значение зависит от изменений.

Answer 2

@WShell. Вы все делаете правильно. Тем не менее, я сообщил об этой проблеме угловой команде, и они подтвердили, что это ошибка. Установка классов, как у вас, из компонента с помощью метода setClasses не работает в последних нескольких сборках Angular2. Сейчас вы должны установить классы динамически рядный так:

[ngClass]="{active: isOn, disabled: isDisabled}" 

Как сообщалось в выпуске: https://github.com/angular/angular/issues/7426