2017-04-23 5 views
0

私はangular2project.Iでブートストラップモーダルを実装したいです。ブートストラップとJQueryを試しましたが、私のモーダルはフェードインしません。また、角度依存性ng2-bs3モデルも試しました。その依存関係についても。 これで誰でも助けてくれますか? 角度2にブートストラップ・モードを実装するための良い方法はありますか?angalar2のブートストラップモーダル

this is my applications after adding model

答えて

1

あなたはNG-ブートストラッププロジェクトからネイティブモーダル実装を試みることができる:https://ng-bootstrap.github.io/#/components/modal

利点は、それらがあなたがjQueryのまたは任意の他のを含める必要がないということを意味ネイティブ角度指令であるということですサードパーティJavaScript。 https://ng-bootstrap.github.io/#/components/modalからのモーダルサービスの実装は非常に使いやすいです。モーダルのコンテンツとして使用するコンポーネントを渡すことができるサービスがあります。モーダルを開くほとんどの場合、ワンライナーです:

this.modalService.open(NgbdModalContent);

あなたはこのplunkでアクションで作業例を見ることができます:http://plnkr.co/edit/1epmosa7mqHiwF66oHEV?p=preview

+0

コメントをありがとう、私はNG-ブートストラッププロジェクトを使用してみましたダイアログを表示することはできません。私はサイトで説明したのと同じ方法でやりました。ボタンをクリックしている間は、ダイアログにはコンソールにエラーが表示されません。 –

+0

しかし、私は作業中のプランナーをリンクしています....あなたはいつもプランナー内のコードとセットアップを比較することができます。 –

+0

このURLをチェックしてください:[ng-bootstrap-modal-is-not-displaying](http://stackoverflow.com/questions/43570776/ng-bootstrap-modal-is-not-displaying)、私は新しいこれについての質問は、あなたもそれをチェックしてください何かが不足している場合私に知らせることができます –

関連する問題