javascript - 如果 Angular 中满足条件，则创建 href

Question

根据从服务返回的内容，我的模板中将显示不同的文本。比方说:初始化、运行、完成。在 Angular 中，如果单词与“完成”匹配，如何使文本成为链接？

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

在模板中，我想显示

{{ status }}

但是当状态为“完成”时，我想要一个超链接来显示实际结果。我需要使用 ng-if 还是有更好的方法？

Answer 1

您可以使用 ng-show 和 ng-hide 逻辑地呈现您想要在 View 上显示的内容。

就您而言，您希望在 status == 'Done' 时 ng-show 链接并 ng-hide 任何其他状态当状态=='完成'

这是一个简单的 fiddle 来说明 https://jsfiddle.net/48fsbqvb/