如何隱藏我的情況中的元素？

Question

我試圖控制data-toggle = 'collapse'與角JS

我有類似

<a href="#" ng-click="clickMe()" 

<div id="wrapper" 
     data-toggle="collapse" 
     data-target="#test"> 
    texts and elements... 
</div> 

<div id='test'> 
    test div…. 
</div> 

JS

$scope.clickMe = function() { 
     //I want to collapse the test div in angularjs when I click the <a> tag. 
     //I can archive that by using the codes below but I want to use the angular   
     //way to do this 
     $('#test').collapse('hide') 
} 

我如何做它在角呢？謝謝！

Answer 1

您可以使用ng-show來執行此操作，並通過ng-click切換範圍變量。

<div ng-click="test1Showing=!test1Showing"> 
    texts and elements... 
</div> 

<div ng-show='test1Showing'> 
    test div…. 
</div> 

或者如果你想刪除元素，不只是顯示：無;你可以使用ng-if而不是ng-show。