2017-04-13 15 views
3

アプリケーションの一部でAngular Bootstrapのドロップダウンが機能するように見えるだけです。私はなぜそれが他の場所ではなく動作しているのか分かりません。私のモジュールでは、それが動作する場所のようにBsDropdownModule.forRoot()でインポートしています。私はいくつかの例からHTMLに貼り付けてみました...何もありません。私はそれが前にそこで働いていたことを知っていて、それに関係する何かを変えることを覚えていません。角度2のブートストラップ(ngx-bootstrap/ng2-bootstrap)ドロップダウンが機能しない

エラーは発生していません。この問題のトラブルシューティングを続行する方法がわかりません。 ng2-bootstrapの問題に気づいたので、ngx-bootstrapにアップグレードしました。同じ問題。

答えて

1

私は問題を把握しました。ドロップダウンは実際に動作していました。問題は、何らかの理由で、.dropdownMenuのy位(上)が、それが存在しないコンテナの境界を越えて配置されていたことです。私はまだそれがどうして起こっているのかよく分かっていませんが、少なくとも私は働くことがあります。

1

私はこれを[email protected]で動作させることができましたが、4.0.0-alpha.6に切り替えると、ドロップダウンが機能しなくなりました。 何がうまくいかなかったのですが、BsDropdownModuleをコンテキストに追加する必要がありました(私は既にBsDropdownModule.forRoot()を持っていました)...(最終的に何が壊れていたのかの詳細はわかりません)。

しかし、私がメニューを呼び出していたモジュールにBsDropdownModuleを追加すると、それが機能することがわかりました。

+2

このおかげで、私は解決策に導かれました。私はまだ、これがルートと関連する汎用モジュールの両方でインポートされる必要があることについて完全にはっきりしていませんが、これはトリックを行います(機能モジュールのforRoot()はありません) – jb44

3

AngularのバージョンとBootstrapのバージョンが互換性があることを確認してください。 ng2-bootstrap 1.6.xでAngular 4を使用していたときに起こったことです。 さらに、ng2-bootstrapの代わりにngx-bootstrapを使用するべきです。ドロップダウンを有効にするには、コンテナ属性を追加してください:

<div class="btn-group" dropdown container="body"></div> 
+0

これは、この特定の質問のための正解ですが、男性は、あなたがAng4での先読みを実装しようとした1.5日後に私の人生を救ったか、私はあなたが100回upvoteだろう場合 – Steven

+0

あなたは私の質問それを受け入れてupvoteすることができます: https://stackoverflow.com/questions/46112808/ngx-bootstrap-typeahead-not-showing-dropdown – Steven

+0

それは助けてうれしいでしょう! – devakone

関連する問題