Angular - 在不使用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>

参见 official guide about forms in angular

Answer 3

其他选择是使用ng-style来完成这项工作：

Answer 4

控制器中的

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

in html

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