AngularJS:点击后隐藏按钮

Question

Angular的新手,以及如何做"Angular Way"的事情.我想要做的就是单击一个按钮在视图中显示隐藏元素,然后隐藏单击的按钮.任何帮助都是极好的.

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>