問題タブ [ng-bootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
9250 参照

angular - ngbPopover が表示されない

Angular2/Typescript アプリでng-bootstrap ( https://ng-bootstrap.github.io/#/components/popover ) のポップオーバーを使用しようとしています。

エラーがないため、質問を述べる方法さえわかりませんが、ポップオーバーは表示されません。

これは私が持っているコードです:

そして、これは私のアプリの設定です:

これは、サンプルサイトからほとんど取られています。

必要なすべての JavaScript が含まれていることは間違いありngbTooltipません。

ここで行方不明になっていることを他に何かする必要がありますか?

0 投票する
2 に答える
11764 参照

twitter-bootstrap - ブートストラップ 4 navbar に ngbDropdown を追加する方法

私は ng-bootstrap Angular 2 を使用しています。

問題「ドロップダウンメニュー」を展開できませんでした

0 投票する
2 に答える
28470 参照

angular - カスタム NgbDateParserFormatter を実装して NgbInputDatepicker の入力値の形式を変更するのは正しいですか?

ポップアップで日付ピッカー ( ng- boostrap ) を使用していますが、日付形式をdd-mm-yyyy.

NgbDateParserFormatterdefault を置き換えるnew を実装することで解決できそうですNgbDateISOParserFormatter

しかし、私は別の方法があるかどうか疑問に思っていました。

アップデート:

Moment.jsを使用した小さな実装NgbDateParserFormatter(ng-bootstrap のバージョン 1.0.0-alpha.14 でテスト済み):

モジュールには、ファクトリを使用してプロバイダーを含め、日付形式をパラメーターとして示します。

0 投票する
1 に答える
1572 参照

angular - angular2 最終リリース ng-bootstrap systemjs.config.js の問題

angularの人々は最近angular2の最終バージョンをリリースしました.2

すべてが良いですが、systemjs.config.jsが壊れました。angular2コアライブラリの公式クイックスタートと修正された構成を見ましたが、ng-bootstrap構成はまだ壊れています。ここの誰かが私を助けてくれると思った

私は404を取得しています

http://localhost:8080/my-proj/node_modules/%40ng-bootstrap/ng-bootstrap/ 404 (見つかりません)

以下は私のsystemjs.config.jsです

angular rc.6で機能する以前の構成は次のとおりです

0 投票する
1 に答える
2170 参照

angularjs - 動的コンテンツを含むモーダル ダイアログを開く

ユーザー情報を表示するために ngbModal を使用しようとしています。1回ではなく2回開いています。

info.dialog.html

info.dialog.ts

user.dialog.service.ts

app.component.ts

したがって、基本的には、モーダルを開くタイミングに関するイベントを監視しています。私の実装では必要なので、 app.component.tsのどちらの行も削除できません。これが、ダイアログの 2 つのインスタンスを取得している理由です。

AngularJS 2 でモーダル ダイアログを操作する方法を教えてください。例をいただければ幸いです。

ありがとうございました!

0 投票する
5 に答える
11143 参照

angular - コンポーネントからメソッドを呼び出すng-bootstrapの例

angular2 ng-bootstrap ドロップダウンドロップダウン コンポーネント

angular2コンポーネントをドロップダウンでバインドし、openまたはcloseメソッドを呼び出す方法を見つけるのを手伝ってくれる人がいます..

ドキュメントはあまりありません。

0 投票する
1 に答える
1592 参照

angular - angular2 最終リリース ng-bootstrap コンポーネントが見つかりません 404

angular2 最終リリース。ng-bootstrap アルファ v.5

ブートストラップコンポーネントはhtmlで動作しますが、次のようにインポートしようとすると

次のエラーが発生しました。

確かにそこにないバンドルからドロップダウンをロードしようとしているように見えます..バンドルにはng-bootstrap.jsが含まれているだけです「ドロップダウン」はバンドル外の別のコンポーネントです。私はそれがsystemjs.config.jsで何かをしなければならないと思う.

以下は私のsystemjs.config.jsファイルです

0 投票する
1 に答える
2715 参照

angular - 遅延ロードされたモジュールからモーダルを開く

angular2-webpack-starter シード プロジェクトに基づくプロジェクトがあり、ng-bootstrap、特にモーダルを統合しようとしています。

NgbModule をインポートして再エクスポートする SharedModule があります。私のアプリケーションの他のすべてのモジュールは、SharedModule をインポートします。

ドキュメントに従って、 app.component.html で ngbModalContainer を構成しました。

モーダルを開く必要がある遅延ロードされたモジュールができました。NgbModal サービスで open(...) メソッドを呼び出そうとすると、コンテナが見つからないというエラーが表示されます。

モーダル コンテナがありません。アプリケーション テンプレートの 1 つに追加してください。

これは、遅延ロードされたモジュールが SharedModule をインポートしており、ルート アプリ モジュールとは別の NgbModal サービスのインスタンスを受け取っているためだと思います。

私の質問は、遅延ロードされたモジュールを含め、NgbModal (および残りの ng-bootstrap サービス/コンポーネント) がアプリケーション全体で利用できるように、これを構成する正しい方法は何ですか?

ありがとう!