javascript - 如何隐藏案例中的元素？

Question

我正在尝试使用 Angular JS 控制 data-toggle = 'collapse'

我有类似的东西

<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')
}

我如何以 Angular 的方式做到这一点？谢谢!

Answer 1

您可以使用 ng-show 来执行此操作，并让 ng-click 切换作用域变量。

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

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

或者如果你想删除元素，而不仅仅是display:none;您可以使用 ng-if 代替 ng-show。