1

私のローカル環境では、Angular Bootstrap UI を読み込んでいます。すべてが機能しているようです。次のような単純なドロップダウン メニューがあります。

<li class="dropdown">
    <a class="dropdown-toggle"><span ng-bind="conn.email"></span> <span class="caret"></span></a>
    <ul class="dropdown-menu" role="menu">
        <li class="divider"></li>
        <li><a ng-click="logout()">Logout</a></li>
    </ul>
</li>

これは私のメールアドレスを表示し、ドロップダウンは正常に機能します。

これをライブサーバーに置くと、失敗します。ドロップダウンは表示されず、コンソールには何も記録されていません。トグルしない私のメールのみ。

docsに従って、そこにある方法も試しました：

<li class="dropdown" dropdown>
   <a class="dropdown-toggle" dropdown-toggle><span ng-bind="conn.email"></span> <span class="caret"></span></a>
   <ul class="dropdown-menu" role="menu">
        <li class="divider"></li>
        <li><a ng-click="logout()">Logout</a></li>
   </ul>
</li>

これは、ローカルまたはサーバーに何も表示されないことになります-ディレクティブに何か問題があると思いますか?

UI Bootstrap: Version: 0.11.0

4

1 に答える 1

0

問題は、クラスとディレクティブを定義していたことです。

<li class="dropdown" dropdown>
   <a class="dropdown-toggle" dropdown-toggle><span ng-bind="conn.email"></span> <span class="caret"></span></a>
   <ul class="dropdown-menu" role="menu">
        <li class="divider"></li>
        <li><a ng-click="logout()">Logout</a></li>
   </ul>
</li>

これを次のように変更しました。

<li dropdown>
   <a dropdown-toggle><span ng-bind="conn.email"></span> <span class="caret"></span></a>
   <ul class="dropdown-menu" role="menu">
        <li class="divider"></li>
        <li><a ng-click="logout()">Logout</a></li>
   </ul>
</li>

これは現在、両方で機能します。

于 2014-09-26T15:40:13.073 に答える