Async HostBinding w dyrektywie

Question

Poszukuję najlepszego sposobu obsługi HostBinding z wartością asynchroniczną.

Przed Kątowymi v2.1.2 mogę użyć właściwości host w @Directive dekorator tak:

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

Ale wygląda na to, to nie było zamierzone zachowanie, od wersji 2.1.2 rozwiązuje problem. Zobacz don't access view local variables nor pipes in host expressions.

Teraz, podczas kompilacji z kompilacją AoT, otrzymuję Parser Error: Host binding expression cannot contain pipes in Directive.

Answer 1

Tobias Bosch (członek Kątowymi zespół) pisze:

powiązania gospodarzem składnika („dziecko”) są realizowane w komponencie który używa ten składnik ("rodzic"). A składnik macierzysty może należy do innego modułu NgModule. Więc jeśli używasz rury, rura jest rozwiązana względem modułu NgModuł komponentu nadrzędnego. Jednakże, jeśli , że NgModule nie deklaruje rury, której używasz, Twój komponent jest uszkodzony.

To jest powód, dla którego nigdy nie chcieliśmy mieć potoków w połączeniach hosta. Po jednym z większych refaktoryzacji kompilatora przed 2.0 final, my przypadkowo przywróciliśmy go, ale był to błąd, a nie funkcja, ponieważ semantyka jest błędna.

Źródło:

Async Host Binding No Longer Works #12671

Answer 2

Jestem pewien, że nie ma na to specjalnego sposobu. Trzeba jednoznacznie przypisać do nieruchomości

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

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