Async HostBinding yönergesi

Question

HostBinding'i async değeriyle işlemenin en iyi yolunu arıyorum.

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

Ama bu hedeflenen davranış değildi gibi versiyonundan beri, 2.1.2 düzeltmeleri görünüyor:

Eğik v2.1.2 önce böyle @Directive dekoratör içinde host özelliğini kullanabilirsiniz. Bakınız don't access view local variables nor pipes in host expressions.

Şimdi, AoT derlemesi ile derlerken, Parser Error: Host binding expression cannot contain pipes in Directive elde ediyorum.

Answer 1

Tobias Bosch (Açısal ekibinin üyesi) atamak gerekir yazıyor:

Sunucu bağlamaları bir bileşeni ("alt") arasında kullandığı bileşeni içinde yürütülür bu bileşen ("ebeveyn"). Ve ana bileşen farklı bir NgModule'ye ait olabilir. Bu nedenle, bir boru kullanıyorsanız, ana bileşenin NgModule'sine karşı boru çözülür. Ancak, , NgModule kullandığınız boruyu bildirmezse, bileşeniniz bozulur.

Bu nedenle, hiçbir zaman ana makine bağlantılarında borulara sahip olmak istemedik. 2.0 finalinden önce daha büyük derleyici refakatörlerinden biri sonra, yanlışlıkla tekrar kullanıma soktu, ancak bu bir hataydı, bir özellik değil, semantiği yanlış.

Kaynak:

sen bağlamak çalıştığımız şey konak özelliği

Async Host Binding No Longer Works #12671

Answer 2

Bunun için özel bir yol olmadığından eminim. Açıkça mülkiyet

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

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