AngularJS：单击后隐藏按钮

新手入门，并在如何处理“角度之路”方面苦苦挣扎。我想要做的只是点击一个按钮来在视图中显示一个隐藏的元素，然后隐藏被点击的按钮。任何帮助都是极好的。AngularJS：单击后隐藏按钮

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

和不具有控制器的内部运行的函数。

来源

2015-07-20 Full-Hybrid

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

也应努力

来源

2015-07-20 23:23:35 Kendall

只需添加ng-show="!showDiv"到您的按钮，这将隐藏它，如果showDiv =真

只是要清楚新的HTML应该是：

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

来源

2015-07-20 23:22:41 code

AngularJS：单击后隐藏按钮

回答

相关问题