web-dev-qa-db-ja.com

AngularダイアログディレクティブBootstrap 3

Bootstrap 2.3.2からBootstrap 3(RC1)に移行しようとしていますが、 AngularJS Dialogディレクティブ に問題があります。 =。関連するボタンをクリックしても、ダイアログポップアップは表示されません(ページは黒く表示されます。任意の場所をクリックすると、元の黒以外のビューに戻ります)。

基本的に上記のリンクとまったく同じコードを使用しています。

議論されている既知の問題があります ここ 。その議論の中で、ルターは次のように示唆しています。

"モーダルを機能させるには、hideクラスを追加してdisplay:noneをモーダルに設定し、モーダルの表示をブロックにリセットします"

残念ながら、それは何の違いももたらさないようです。ダイアログをBootstrap 3 RC1に表示するために使用できる代替手段は何ですか?

代わりにモーダルディレクティブ を使用してみました。ページが(完全に黒くなるのではなく)フェードし、ポップアップも表示されないという同様の問題があります。

14
KEB

他の回答が述べているように、これはBootstrap 3. Angular UIチームがこれらの問題を修正するまで(現在開発中です。 bootstrap3_bisブランチ) このブログ投稿 :で詳しく説明されているダイアログボックス専用のcss回避策があります。

.modal { display: block; }

作業プランカーはここから入手できます:

http://plnkr.co/edit/nZT58YNKT84UlSwTvfpc?p=preview

14
embee

Bootstrap 3.0およびダイアログの問題を含むAngularUiディレクティブのほとんどの問題の修正を含む保留中のプルリクエストがあります(これは確かに私にとって最も苛立たしいものでした!):

https://github.com/angular-ui/bootstrap/pull/742

現在のAngularJSと互換性のあるブートストラップ3 bootstrapディレクティブ? )を参照してください。

2