如何在一個角度 ng-click 中放置兩個“函數”

Question

我得到了這個例子：

 <button ng-click="vm.hideElement(dataItem.id ,'listView');active = !active;"><i ng-class="active ? 'icon-visibility_off' : 'icon-visibility'"></i></button>

它應該調用一個函數（ vm.hideElement() ）並設置/切換一個 css 類屬性。 但它不起作用。 只有vm.hideElement()函數被調用。

如果我這樣做：

 <button ng-click="active = !active;"><i ng-class="active ? 'icon-visibility_off' : 'icon-visibility'"></i></button>

類切換工作正常。

如果我這樣做：

 <button ng-click="vm.hideElement(dataItem.id ,'listView')"><i ng-class="active ? 'icon-visibility_off' : 'icon-visibility'"></i></button>

函數被調用。

hideElement函數代碼：

function hideElement(elementId, from) { 
    ElementsService.hideElement(elementId, from).then(function (success) { 
        activate(); 
    }, 
    function (error) { }); 
}

Answer 1

將以下行添加到您的 vm.hideElement 函數中：

$scope.active = !$scope.active;

這基本上與在 ng-click 中放置active = !active相同。

另一個選項，如果您在不想更改 $scope.active 的情況下使用 vm.hideElement 函數，則是創建一個設置$scope.active並調用 vm.hideElement() 的新函數。