Angular 2 - ng-content內部的語句不應該被解析

Question

我創建了一個組件，只有當某個obj不爲null時才顯示它的ng-content（這比實際中更復雜，但是假設這是爲了這個問題的情況）。

這裏是如何的組件 「補償」 一詞：

<comp [ref]="obj"> Name: {{obj.name}} </comp>

組件模板看起來像這樣：

<ng-content *ngIf="ref != null"></ng-content>

的問題是，角試圖解析{{ obj.name}}，然後它出現在comp的模板的ng-content中（當obj爲null時），從而導致錯誤。

我想在ng-content顯示的時候只能解析ng-content中的語句。我怎麼做？

Answer 1

看到，因爲你正在使用內容投影（類似於包含）每https://toddmotto.com/transclusion-in-angular-2-with-ng-content角2將試圖使Name: {{obj.name}}它把這些內容到你的其他組件之前。

如果您所投射的內容在任何時候都不安全，您需要根據您要使用的效果，在外部或上使用*ngIf或埃爾維斯運營商{{obj?.name}}來防範。