角度-單擊時不使用ng-show或ng-hide隱藏按鈕

Question

我想在表單中隱藏一個按鈕，一旦提交並且一切正常，我需要將其隱藏並顯示其他內容，是否可以在控制器中執行以下操作：

this.show= false; 

還是我需要在按鈕上添加ng-show並實現一個變量以將其隱藏？

Answer 1

您可以使用ng-class：

ng-class="{'some-class': !some.object.user, 'some-other-class': some.object.user}"

Answer 2

除了添加新變量之外，為什么不使用已經為此設計的變量。 在表示您的表單的角度對象中，有一個$submitted屬性。 因此，將您的表單命名為myForm ，這樣就可以解決問題：

<button ng-if="!myForm.$submitted">Button</button>

請參閱有關角形形式的官方指南

Answer 3

另一種選擇是使用ng-style做這項工作：

Answer 4

在控制器中

$scope.condition = true;
$scode.activeCondition = function (con) {
    $scope.condition = !con;
};

在HTML

<button type="button" ng-class="{'active': condition}" ng-click="activeCondition(condition)">