如果在 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/