Async HostBinding trong chỉ thị

Question

Tôi đang tìm cách tốt nhất để xử lý HostBinding với giá trị không đồng bộ.

Trước kiễu góc v2.1.2 tôi có thể sử dụng tài sản host trong trang trí @Directive như thế:

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

Nhưng có vẻ như đây không phải là hành vi dự kiến, kể từ phiên bản 2.1.2 sửa lỗi nó. Xem don't access view local variables nor pipes in host expressions.

Bây giờ, khi biên soạn với trình biên dịch AoT, tôi nhận được Parser Error: Host binding expression cannot contain pipes in Directive.

Answer 1

Tobias Bosch (thành viên của nhóm kiễu góc) viết:

chủ bindings của một thành phần ("con") được thực hiện trong thành phần sử dụng thành phần đó ("cha mẹ"). Và thành phần gốc có thể thuộc về một NgModule khác. Vì vậy, nếu bạn sử dụng một đường ống, đường ống là được giải quyết chống lại NgModule của thành phần gốc. Tuy nhiên, nếu rằng NgModule không khai báo đường ống mà bạn đang sử dụng, thành phần của bạn bị hỏng.

Đây là lý do tại sao chúng tôi không bao giờ muốn có đường ống trong các ràng buộc máy chủ. Sau một trong các phép tái cấu trúc trình biên dịch lớn hơn trước 2.0, chúng tôi vô tình giới thiệu lại, nhưng đây là lỗi, không phải là một tính năng, như là ngữ nghĩa là sai.

Nguồn:

Async Host Binding No Longer Works #12671

Answer 2

Tôi chắc chắn không có cách nào đặc biệt để làm điều đó. Bạn cần phải gán một cách rõ ràng đến tài sản

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

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