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：單擊後隱藏按鈕

回答

相關問題