Cách tự động thêm chỉ thị?

Question

Cách tự động thêm ( inject ) một chỉ thị vào máy chủ?

Tôi có chỉ thị myTooltip và tôi muốn thêm chỉ thị mdTooltip vào máy chủ lưu trữ của nó. Tôi đã thử setAttribute() của ElementRef.nativeElement, nhưng nó không tạo chỉ thị mdTooltip.

mytooltip.directive.ts:

@Directive({ 
    selector: '[my-tooltip]', 
    host: { 
    '(mouseenter)': 'show()', 
    '(mouseleave)': 'hide()', 
    } 
}) 
export class myTooltip { 
    @Input('my-tooltip') message; 

    constructor() { } 

    show() { 
    /* TODO: How to add md-tooltip directive to elementref (host)? */ 
    } 

    hide() { 
    /* TODO: remove md-tooltip directive from elementref (host) */ 
    } 
} 

By chủ tôi có nghĩa là các phần tử có chỉ thị myTooltip:

<span my-tooltip="tooltip hint">Click here</span> 

Kết quả sẽ không thay đổi trên html nhưng trên mouseenter nó sẽ có chỉ thị md-tooltip trong span.

BTW, lý do tôi đang sử dụng trình bao bọc chứ không phải md-tooltip trực tiếp là sau này tôi muốn sửa đổi độ trễ hiển thị, trì hoãn và tùy chỉnh hành vi của công cụ vật liệu trong các phương tiện khác.

Sửa chỉ thị Rõ ràng thêm động hiện không được hỗ trợ :(Tôi nghĩ câu hỏi này vẫn nên ở đây trong trường hợp nó đội cập nhật tài liệu nào

Answer 1

Đó là một tính năng chúng tôi đang yêu cầu trong góc ... đọc này: https://github.com/angular/angular/issues/8785

Một cách nhanh chóng và dơ bẩn để làm điều đó là sử dụng:

Component.ts

@HostBinding('attr.myHilite') myHilite = new myHilite();

hoặc nếu bạn có các thông số ...

@HostBinding('attr.myHilite') myHilite = new myHilite(this.elementRef);

nếu chỉ thị của bạn cần để thực thi mã trong một trong những móc vòng đời, bạn cần phải tự gọi phương thức móc vòng đời của chỉ thị trong các phụ huynh phương pháp vòng đời móc thành phần như thế này ...

Component.ts

ngOnInit(){ 
    this.myHilite.ngOnInit(); 
}