निर्देश में Async होस्ट बाइंडिंग

Question

मैं async मान के साथ HostBinding को संभालने का सबसे अच्छा तरीका ढूंढ रहा हूं।

पहले कोणीय v2.1.2 मैं @Directive डेकोरेटर की तरह में host संपत्ति इस्तेमाल कर सकते हैं:

@Directive({ 
    selector: 'img[my-directive]', 
    host : { 
     '[alt]' : "alt | async" 
    } 
}) 
export class MyDirective { 
    alt: Observable<string>; 
} 

लेकिन यह, 2.1.2 फिक्स यह की तरह इस इच्छित व्यवहार नहीं था दिखता संस्करण के बाद से। don't access view local variables nor pipes in host expressions देखें।

अब, एओटी संकलन के साथ संकलन करते समय, मुझे Parser Error: Host binding expression cannot contain pipes in Directive मिलता है।

Answer 1

टोबियास बॉश (कोणीय टीम के सदस्य) को सौंपने होंगे लिखते हैं: एक घटक ("बच्चे") के

होस्ट बाइंडिंग घटक का उपयोग करता है में क्रियान्वित कर रहे हैं वह घटक ("पैरेंट")। और मूल घटक एक अलग NgModule से संबंधित हो सकता है। तो यदि आप पाइप का उपयोग करते हैं, तो पाइप मूल घटक के NgModule के विरुद्ध हल किया गया है। हालांकि, यदि है कि NgModule आपके द्वारा उपयोग की जा रही पाइप की घोषणा नहीं करता है, तो आपके घटक टूट गया है।

यही कारण है कि हम मेजबान बाइंडिंग में कभी भी पाइप नहीं चाहते थे। 2.0 फ़ाइनल से पहले बड़े कंपाइलर रिफैक्टरिंग में से एक के बाद, हम गलती से इसे पुन: प्रस्तुत करते हैं, लेकिन यह एक बग था, एक विशेषता नहीं, अर्थशास्त्र गलत हैं।

स्रोत:

Async Host Binding No Longer Works #12671

Answer 2

मुझे यकीन है कि ऐसा करने का कोई विशेष तरीका नहीं है। आप स्पष्ट रूप से संपत्ति

@Directive({ 
    selector: 'img[my-directive]', 
    host : { 
     '[alt]' : "alt" 
    } 
}) 
export class MyDirective { 
    alt: Observable<string>; 

    ngOnInit() { 
     this.altObservable.subscribe(val => this.alt = val) 
    } 
}