कई वर्गों

Question

मैं * ngClass, क्या पिछले अल्फा रिलीज पर काम करता था और angular2 बीटा पर अब काम करने के लिए प्रतीत नहीं होता है में एक से अधिक मान जोड़ने के लिए कोशिश कर रहा हूँ:

<i *ngClass="['fa','fa-star']"></i> 

यह एक त्रुटि पैदा करता है :

EXCEPTION: TypeError: Cannot read property 'add' of undefined in [['fa','fa-star'] in PostView@30:27]

मुझे यहां क्या याद आ रही है?

Answer 1

आपको संपत्ति बाध्यकारी बनाने के लिए स्क्वायर ब्रैकेट का उपयोग करना चाहिए। आप गतिशील रूप से इन कक्षाओं में बदल करने के लिए तो का उपयोग कर ngClass overkill है नहीं जा रहे हैं this plunk

<i [ngClass]="['fa','fa-star']"></i> 

Answer 2

देखें। आप अपने टेम्पलेट में बस class="fa fa-star" का उपयोग कर सकते हैं।

ngClass का उपयोग तब किया जाना चाहिए जब आप इन्हें गतिशील रूप से चालू और बंद करना चाहते हैं। दस्तावेज़ में एक उदाहरण है:

आपका घटक एक विधि होगा:

setClasses() { 
    return { 
    saveable: this.canSave,  // true 
    modified: !this.isUnchanged, // false 
    special: this.isSpecial,  // true 
    } 
} 

तो जैसे अपने खाके में ngClass का उपयोग करें:

<div [ngClass]="setClasses()">This div is saveable and special</div> 

Answer 3

तुम भी एक स्ट्रिंग कई वर्गों युक्त निर्माण कर सकते हैं ।

इस मामले में additionalClass एक @Input classname और सक्रिय युक्त वर है एक बूलियन कि सक्रिय वर्ग सेट है

<div [ngClass]="(additionalClass + ' ' + (active ? 'active' : ''))"></div>