Question

Angular的新手，以及如何做事的挣扎＆＃34; Angular Way＆＃34;。我想要做的就是单击一个按钮在视图中显示隐藏元素，然后隐藏单击的按钮。任何帮助都会很棒。

HTML：

<button class="btn btn-primary" ng-click="showDiv=true; hideMe()">
  Show Div
</button>
<div ng-show="showDiv">
  I was hidden now you see me, but how do I hide the button?
</div>

控制器：

  $scope.hideMe = function(){
    console.log('hide the button');
    $scope.hide();
  }

代码示例：Plunker

理想情况下，希望在按钮上加入

ng-hide

，而不是在控制器内运行函数。

Answer 1

<button ng-hide="showDiv"...

也应该工作

Answer 2

只需将ng-show="!showDiv"添加到您的按钮，如果showDiv = true

，这将隐藏它

要明确新的HTML应该看起来：

<button class="btn btn-primary" ng-click="showDiv=true" ng-show="!showDiv">Show Div</button>

AngularJS：点击后隐藏按钮

2 个答案: