Question

当我点击funone按钮时，需要显示funtwo按钮，并且需要隐藏funone。

然后当我点击funtwo按钮时，funone应该显示并且funtwo应该隐藏。在这种情况下如何隐藏funtwo按钮，funtwo按钮已经有ng-hide="true"？

这是html：

<button ng-click="funone()" ng-hide="hidefunone" ng-show="showfunone"> funone </button>

<button ng-click="funtwo()" ng-hide="true" ng-show="showfuntwo">  funtwo </button>

这里是角度：

  $scope.funone = function(){
    $scope.showfuntwo = true;
    $scope.hidefunone=  true;
  }

  $scope.funtwo = function(){
   $scope.showfunone = true;
  }

Answer 1

我基于单个布尔模型state

将整个事情简化为两个状态

<button ng-click="state = true" ng-hide="state"> funone </button>
<button ng-click="state = false" ng-show="state"> funtwo </button>

Plunker~ http://plnkr.co/edit/GF1eNm6O7U0i34HQPhwb?p=preview

请记住，ng-show和ng-hide执行相同的操作，但只需对逆模型值执行操作。

Answer 2

您可以使用单个方法和布尔值实现此目的，如下所示：

$scope.first = false;
$scope.toggle = function() {
  $scope.first = !$scope.first;
}

<button ng-click="toggle()" ng-hide="first">funone</button>
<button ng-click="toggle()" ng-hide="!first">funtwo</button>

如何隐藏和显示角度的两个按钮

2 个答案: