問題タブ [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 投票する
4 に答える
20355 参照

angular - ng-bootstrap の崩壊:アニメーションを適用するには?

崩壊を使用しています: https://ng-bootstrap.github.io/#/components/collapse

ただし、アニメーションはしません。デモサイトにもありません。これをどのように実装すればよいですか??

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

angular - カルーセル画像がスタックしない

内部にカルーセルを含むコンポーネントを作成しようとしています。

これは私のコンポーネントです:

これが module.ts です。

問題は、画像がスタックされていないことです。もっと何かをインポートする必要がありますか、それとも重要なものが不足していますか?

Angular バージョン: 2.0.2 ng-bootstrap: @latest

system.js なしで Angular-cli を使用しています。

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

angular - angular 2 ng-bootstrapモーダル

テンプレートの代わりにコンポーネントを使用してアプリでモーダルを開き、オブジェクト モデルをモーダル コンポーネントに渡す必要があります。問題は、typescript で modalRef.componentInstance がプロパティとして存在しないというエラーが発生することです。サンプル フォームのデモ ページを正確にコピーしますが、再び同じエラーが発生し、モーダル コンテンツ クラスに入力された @input 変数を取得できません。

これはエラーです未定義のプロパティ「モデル」を設定できません

モーダル内で、この変数を宣言して、渡された値 @Input() モデルを取得します。しかし、それは常にnullです

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

twitter-bootstrap - ng-bootstrap で angular 2 を適切にセットアップする

angularとBootstrapのn00bとして、ノードjsには比較的新しいので、ここからwebpackスターターキットを使用してクリーンベースをセットアップしようとしています(願っています):

https://github.com/AngularClass/angular2-webpack-starter

ここからAngular 2の公式Bootstrap 4: https://ng-bootstrap.github.io/#/getting-started

これまでのところ、webapp スターター キットにいくつかのインポートを追加しました。

今私の問題は、何をすべきか、ng-bootstrapインストールドキュメントから言及されたコードフラグメントをどこに置くべきか、まったく手がかりがないことです:

https://ng-bootstrap.github.io/#/getting-started

私が求めているのは:

1) これらのコード フラグメントの目的と、上記のリンク先の具体的なスターター キット プロジェクトのどこにこのようなものを配置するかについての説明 (私は喜んで学びたいと思っていますが、その情報は n00b には少し短すぎます)。

つまり、たとえばAppComponent何ですか?それは未定義です-そして、それが何を指しているのかわかりません。

2) このプロジェクト内の実際の Bootstrap はどこにありますか?

これらは、これらのことを知っている人にとってはばかげた質問かもしれません。しかし、初心者として、私は現時点で完全に迷っています。

事前にご協力いただきありがとうございます。

上記の ng-bootstrap インストール ドキュメントからコピー:

アプリケーションの他のモジュールは、次のように簡単にインポートできますNgbModule

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

angular - Angular 2: ng-bootstrap テンプレートをオーバーライドする方法

アコーディオンの右側にカスタム ボタンを追加する必要があります。そのためには、ng-bootstrap アコーディオン テンプレートをオーバーライドする必要があります。Angular 2 でそれを行うにはどうすればよいでしょうか?

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

angular - ボタンを押したときに日付ピッカーから日付を渡す方法 (ng-bootstrap | Angular 2)

私は Angular 2 に ngbDatepicker を使用しており、選択した日付を getData() メソッドに渡したいと思っています。サンプル コードをリバース エンジニアリングして、これを機能させることができません。

Plunker のサンプル コード: ツールバーの [Datepicker in a popup] の横にある下向き矢印を押します。ng-bootstrap チームからの元のサンプル コード。

https://ng-bootstrap.github.io/#/components/datepicker

コンポーネントに 1 つのメソッドを追加しました。選択した日付をそのメソッドに入れたいと思います。