2016-12-27 9 views
1

ナビゲーションバーにログインドロップダウンがあります。ただし、ログインフォーム内の何かがクリックされるとすぐに、ドロップダウンが閉じます。NgbDropdownが開いていない

もう1つの質問:ドロップダウンを右側のトグルと揃えて表示するにはどうすればよいですか?今すぐトグルと左揃えします。あなたが[autoClose]ディレクティブを探している

<nav class="navbar navbar-dark bg-inverse"> 
    <ul class="nav navbar-nav"> 
     <li *ngIf="!user" class="nav-item dropdown float-xs-right"> 
     <div ngbDropdown autoClose="false" class="d-inline-block pull-left"> 
      <a class="nav-link" id="loginDropdown" aria-haspopup="true" aria-expanded="false" ngbDropdownToggle>Login</a> 
      <div class="dropdown-menu" aria-labelledby="loginDropdown"> 
       <login></login> <!--The login component, it's just a form--> 
      </div> 
     </div> 
     </li> 
    </ul> 
</nav> 
+1

からの相対的なコードは、私がいた角度2.公式bootstarpに切り替えることをお勧めです問題があり、切り替えられました。 https://ng-bootstrap.github.io/#/home – Bean0341

+0

私はng-bootstrap(NgbDropdown)を使用しています。 – hrox

+0

私はこれをまっすぐにしましょう、あなたはあなたのドロップダウン内に入力したいですか? – Bean0341

答えて

3

は、ここに私のコードです。あなたは、ブートストラップを使用している場合は、ここでは、ここで公式ドキュメントhttps://ng-bootstrap.github.io/#/components/dropdownなどplunker http://plnkr.co/edit/xiiYQqrP9OIdtOF7ifUO?p=preview

はplunker

<div ngbDropdown class="dropdown d-inline-block" [autoClose]="false" > 
+0

偉大な、私は角括弧が欠けていた。トグルが再びクリックされるまで、ドロップダウンは開いたままです。ユーザーがドロップダウンの外側をクリックしたときに閉じられる方法はありますか? – hrox

+0

私は公式の文書でこれらの要件を満たす機能を見ていません。 – Bean0341