ngClass en la propiedad del host del decorador de componentes no funciona
Creé el siguiente componente de ejemplo simple que agrega algunos atributos y escuchas al elemento DOM del componente utilizando la propiedad del host del decorador @Component. En mi caso [ngClass] no tiene ningún efecto. ¿Alguien sabe por qué y cómo solucionarlo?
import {Injector, Component} from "angular2/core";
import {NgClass} from "angular2/common";
import {SelectionService} from "../selection-service"
@Component({
selector: 'my-component',
template: `<div>inner template</div>`,
host: {
'style': 'background-color: yellow', // works
'[ngClass]': "{'selected': isSelected}", // does not work
'(mouseover)': 'mouseOver($event)', // works
'(mouseleave)': 'mouseLeave($event)' // works
},
directives: [NgClass]
})
export class MyComponent {
private isSelected = false;
constructor(private selectionService:SelectionService) {
this.selectionService.select$.subscribe((sel:Selection) => {
this.isSelected = sel; // has no effect on ngClass
});
}
mouseOver($event) {
console.log('mouseOver works');
}
mouseLeave($event) {
console.log('mouseLeave works');
}
}
Estoy usando Angular 2.0.0-beta.7.