我有一個getScore()回傳數字或 null 的函式。然后我在我的 html 檔案中呼叫它，如下所示：
<span>{{ getScore(assessmentRequest) }}</span>
現在我想更改它，以便在回傳數字時呈現數字，或者在回傳 null 時呈現圖示。我試過這樣的東西，但它只回傳一個字串而不是實際的 HTML 元素：
<span>{{ getScore(assessmentRequest) ? getScore(assessmentRequest) : '<i ></i>' }}</span>
在這種情況下，我將如何呈現實際的 HTML 元素？
uj5u.com熱心網友回復：
一種方法是使用 ngIf
對于 AngularJS：
ng-if
<span ng-If="assessmentRequestValue">{{ assessmentRequestValue }}</span>
<span ng-If="!assessmentRequestValue"><i class="icon ion-checkmark"></i></span>
對于 Angular2
吳若
<span *ngIf="assessmentRequestValue">{{ assessmentRequestValue }}</span>
<span *ngIf="!assessmentRequestValue"><i class="icon ion-checkmark"></i></span>
對于這兩者，盡量不要在角度模板運算式中使用函式呼叫 在控制器內部的某處使用 getScore(assessmentRequest) 來設定assessmentRequestValue
uj5u.com熱心網友回復：
如何使用ng-bind-html指令。如原始檔案中所述
評估運算式并以安全的方式將生成的 HTML 插入到元素中
例如
<span ng-bind-html="getScore(assessmentRequest) ? getScore(assessmentRequest) : '<i hljs-string">"></i>' "></span>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/434276.html