Açılan bir gezinti çubuğu-uı-açısal boostrap modülü "uı.kullanarak bir JSFiddle yarattım bootstrap.": . dropdownToggle ^strong>http://jsfiddle.net/mhu23/2pmz5/

<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
    <div class="container"> <a class="brand" href="#">
                My Responsive NavBar
            </a>

        <ul class="nav">
            <li class="divider-vertical"></li>
            <li class="dropdown"> <a href="#" class="dropdown-toggle">
                        Menu 1 <b class="caret"></b>
                    </a>

                <ul class="dropdown-menu">
                    <li><a href="#/list">Entry 1</a>
                    </li>
                    <li><a href="#/list">Entry 2</a>
                    </li>
                </ul>
            </li>
          ....
        </ul>
    </div>
</div>
</div>

Bu anladığım kadarıyla böyle bir açılır menü uygulamak için yolu uygun, açısal türden. ""Yol, angularjs açısından, bootstrap.js eklemek ve kullanmak olacaktır "data-toggle=""... değil mi buradayım? açılır yanlış

Şimdi aşağıdaki Keman bitmiş gibi benim gezinti çubuğu duyarlı davranış eklemek istiyorum: http://jsfiddle.net/ghtC9/6/

AMA, yukarıdaki çözüm hoşuma gitmeyen bir şey var. Adam bootstrap.js dahil!

Benim mevcut gezinti çubuğu duyarlı davranışı eklemek için bir yolu doğru açısal tür ne olurdu?

Açıkçası bootstrap duyarlı gezinti çubuğu sınıfları gibi kullanmak lazım "nav-çöküşü çöküşü gezinti çubuğu-duyarlı-çöküşü". Ama nasıl bilmiyorum.

Gerçekten çok memnun olurum!

Şimdiden teşekkürler! Michael

2015-06 güncelleştirin

antoinepairet's comment/example:

collapse öznitelik sağlar animasyonlar kullanarak: http://plnkr.co/edit/omyoOxYnCdWJP8ANmTc6?p=preview

<nav class="navbar navbar-default" role="navigation">
    <div class="navbar-header">

        <!-- note the ng-init and ng-click here: -->
        <button type="button" class="navbar-toggle" ng-init="navCollapsed = true" ng-click="navCollapsed = !navCollapsed">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">Brand</a>
    </div>

    <div class="collapse navbar-collapse" collapse="navCollapsed">
        <ul class="nav navbar-nav">
        ...
        </ul>
    </div>
</nav>

Eski..

Soru ui.bootstrap issue 394: öneriler dayalı BS2, ama Bootstrap 3 ng sınıf kullanmak için bir çözüm ile adım düşünmüştüm çözüm etrafında çerçeveli olduğunu görüyorum

official bootstrap example sadece değişim ng- öznitelikleri ek açıklamalar ile dikkat çekti, aşağıda:

<nav class="navbar navbar-default" role="navigation">
  <div class="navbar-header">

    <!-- note the ng-init and ng-click here: -->
    <button type="button" class="navbar-toggle" ng-init="navCollapsed = true" ng-click="navCollapsed = !navCollapsed">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Brand</a>
  </div>

  <!-- note the ng-class here -->
  <div class="collapse navbar-collapse" ng-class="{'in':!navCollapsed}">

    <ul class="nav navbar-nav">
    ...

Burada çalışan güncelleştirilmiş bir örnektir: http://plnkr.co/edit/OlCCnbGlYWeO7Nxwfj5G?p=preview (şapka ucu Lars)

Bu kullanımı basit durumlarda benim için çalışıyor gibi görünüyor, ama ikinci açılan kesiliyor, örnek... iyi şanslar not!