レスキューナビバーのドロップダウンが正しく機能しないのはなぜですか？ここ

Question

はHTMLコードです：私は、メニューボタンをクリックすると

<nav class="navbar navbar-default"> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" ng-click="navbarShow = !navbarShow"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    </div> 

    <div class="navbar-collapse" collapse="!navbarShow"> 
    <ul class="nav navbar-nav"> 
     <li><a ng-click="navbarShow = false">Sites<i class="glyphicon glyphicon-tree-conifer pull-left pull-left"></i></a></li> 
     <li><a ng-click="navbarShow = false">Models<i class="glyphicon glyphicon-tower pull-left"></i></a></li>    
    </ul> 
    </div> 
</nav> 

はここでメニューがポップアップまたはnavbarShow値に応じて崩壊（真または偽）Plunker

であり、それはです正常に動作します！

しかし、私はSitesまたはModelsが、私はこの行を使用このような理由のために をクリックしたときにもメニューを折りたたむたい：各項目（サイトとモデル）内

ng-click="navbarShow = false" 

を。

しかし、SitesまたはModelsをクリックすると、メニューが折りたたまれません。

SitesまたはModelsをクリックすると、どうして崩れますか？

Answer 1

doc of bootstrapによれば、崩壊要素を制御するために、それはcollapse属性ではありません。しかしdata-targetとdata-toggle属性：

あなたはhref属性とのリンク、またはデータ・ターゲットの属性を持つボタンを使用することができます。どちらの場合も、データトグル=「崩壊」が必要です。

この修正を参照してくださいPlunkerは動作します。