Angular - Hide a button when clicking without using ng-show or ng-hide

Question

I would like to hide a button in my form, once it's submitted and everything is working fine, I need to hide it and show something else, is there a way to do in my controller:

this.show= false; 

Or do I need to add ng-show to the button and implement a variable to set to hide it?

Answer 1

您可以使用ng-class：

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

Answer 2

Instead of adding new variables, why not using what is already designed for that. In the angular object representing your form, there is a $submitted property. Therefore, providing your form is named myForm , something like that should do the trick:

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

See official guide about forms in angular

Answer 3

另一种选择是使用ng-style做这项工作：

Answer 4

in controller

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

in html

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