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得到值，当我再次点击（取消选中）时getValues未调用，但list.showReview获取新值。）

任何想法如何实现这个逻辑？我认为最好在复选框的帮助下完成。

Answer 1

将逻辑放在控制器中。

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

在控制器中：

$scope.showReview = function () {
    if ($scope.list.showReview) {
       getValues($scope.object.Id)
    }
    $scope.list.showReview = !$scope.list.showReview;
}

我并不完全理解你所寻找的逻辑，但它可能就是这样。

Answer 2

以最短的方式：

<button ng-click="checked = !checked;"> test </button> -- {{checked}}

- {{checked}}

如何使按钮像复选框一样？

2 个答案: