如何調用控制器功能從模板只有當變量真正

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語句嗎？

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模板。