如果变量为true，如何从模板调用控制器中的函数

Question

我有这一行：

 <a class="btn btn-default btn-xs" ng-click="list.showReview = list.showReview == $index ? -1 : $index; getValues(object.Id); "><i class=" glyphicon glyphicon-list-alt"></i></a>

我希望只有getValues()才能调用控制器中的list.showReview方法 变量true。

知道如何实施它？

P.S。我可以在HTML中使用if else语句吗？

Answer 1

假设list.showReview是一个布尔变量。然后你可以试试这个

 <a class="btn btn-default btn-xs" ng-click="list.showReview && getValues(object.Id)"><i class=" glyphicon glyphicon-list-alt"></i></a>

Answer 2

您可以将其设为按钮并应用ng-disabled指令。如果list.showReview为真，那么ng-disabled会禁用此按钮，请参阅下文。

<button class="btn" ng-disabled="list.showReview" ng-click="getValues(object.Id); "><i class=" glyphicon glyphicon-list-alt"></i></button>

一般情况下，我建议移动你的逻辑，看看是否在你的控制器内执行了getValues（）。如果你继续在其中加入过多的逻辑，你最终会污染你的html模板。