Как скрыть элемент в моем случае?

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.