घटक सजावट की मेजबान संपत्ति में ngClass काम नहीं करता

Question

मैंने निम्नलिखित सरल उदाहरण घटक बनाया है जो @ कॉम्पोनेंट सजावट की मेजबान संपत्ति का उपयोग कर घटक DOM तत्व में कुछ विशेषताओं और श्रोता को जोड़ता है। मेरे मामले में [ngClass] का कोई प्रभाव नहीं पड़ता है। क्या कोई जानता है कि इसे क्यों और कैसे ठीक किया जाए?

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'); 
    } 
} 

मैं कोणीय 2.0.0-बीटा 7 का उपयोग कर रहा हूं।

Answer 1

ngClass एक निर्देश है और होस्ट बाइंडिंग में उपयोग नहीं किया जा सकता है। होस्ट बाइंडिंग केवल का समर्थन करता है

• संपत्ति '[propName]':'expr'
• विशेषता '[attr.attrName]':'expr'
• घटना (event)="someFunction(event);otherExpr",
• शैली [style.width]="booleanExpr"
• वर्ग [class.className]="booleanExpr" बंधन।
• वर्ग [class]="expr" जहां expr अंतरिक्ष अलग वर्गों