* ngIf <ng-content> Transclusion從外部獲取任何可能的內容？

Question

我在Angular4項目得到了這個小代碼：

<div class="divider"></div> 

<ng-content select=".nav-toggle"></ng-content> 

現在我想使分頻器唯一可見的，如果任何內容來自外面的NG-內容標籤。這可能嗎？我絕對找不到任何關於此的信息。

Answer 1

還有就是要查詢任意投影內容

@Component({ 
    selector: 'item', 
    template: ` 
<div *ngIf="divider" class="divider"></div> 
<div #wrapper><ng-content select=".nav-toggle"></ng-content></div>'}) 
class Item implements AfterContentInit { 

    @ViewChild('wrapper') wrapper:ElementRef; 

    divider:boolean = false; 

    ngAfterContentInit() { 
     console.log(this.wrapper.nativeElement.innerHTML); // or `wrapper.text` 
     this.divider = !!this.wrapper.nativeElement.children; 
    } 
} 

看不出有什麼好辦法也​​Access transcluded content

如果你知道投影內容是特定角度成分或元素應用特定的模板變量，您可以使用@ContentChildren()（另請參閱angular 2/typescript : get hold of an element in the template）。