如果在 Angular 中滿足條件，則創建一個 href

Question

根據從服務返回的內容，我的模板中將顯示不同的文本。 讓我們說：初始化，運行，完成。 在 Angular 中，如果單詞匹配完成，我如何使文本成為鏈接？

$scope.status = // Initializing, Running, or Done based on service

在模板中，我想顯示

{{ 地位 }}

但是當狀態為完成時，我想要一個超鏈接來顯示實際結果。 我需要使用 ng-if 還是有更好的方法？

Answer 1

您可以使用ng-show和ng-hide邏輯地呈現您想要在視圖中顯示的內容。

在你的情況，你要ng-show的鏈接時， status == 'Done'和ng-hide任何其他狀態時， status == 'Done'

這是一個簡單的小提琴來說明https://jsfiddle.net/48fsbqvb/