問題タブ [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.
angular - カルーセル コンポーネントに onSlideClick を実装する
ng-bootstrap ブートストラップ コンポーネントを使用しています。
私はまだ Angular2 に不慣れで、いくつかの概念を理解するのに苦労しています。
カルーセル コンポーネントには onClick イベント出力が含まれていません。
クリックしたスライドの情報を維持したまま、独自のものを作成しようとしています。
したがって、私はこれを試しました：
これは機能せず、クラッシュしました。したがって、さらに2つのアイデアがありました.ngb-carousel自体にクリックイベントを追加するか（これではIDに関する情報が得られません）、同じ問題で画像にクリックイベントを追加します.
クリックされたオブジェクトの ID を取得する onClick のベスト プラクティスを実装するにはどうすればよいですか? 代わりにIDを二重にバインドする必要がありますか?
angular - ngbDatepicker に日付を割り当てる簡単な方法
Angular 2 webapp でリアクティブ フォームを使用していますが、日付を ngbDatepicker (ngbootstrap 1 alpha 6) に割り当てるのに問題があります。私のオブジェクトには、次のような日付オブジェクトがあります。
私のリアクティブ形式では、次のように構成されています。
そして、次のようにフォームにパッチを当てます。
問題はngbDatepicker、次の構造で日付を取得することです。
次の回避策を見つけました。
そして、すべてが期待どおりに機能します (フォームにパッチが適用されるたびに日付が更新されます)。
私の質問は、はるかに短いソリューションで同じ結果を達成できるかということです。
angular - Angular 2 ng-bootstrap ngbAlert エラー
として実装された自己終了 ng-bootstrap アラートがありました
そして、それはうまく機能していました。しかし、新しいプロジェクトを開始してこのコンポーネントをそのままコピーすると、今は
必要に応じて、ここに私の ts ファイルがあります
ここで何が問題になるはずですか？以前はうまく機能していました。
angular - Reactive Form で ng-bootstrap Typeahead コンポーネントを使用する方法
ng-bootstrapAngular 2 を使用して Reactive Form で Typeahead コンポーネントを使用しようとしていますが、 Typeahead のドキュメントでサンプル コードを見た後、動作させることができません。
現在、私は次のようなものを持っています:
searchサンプルコードとほぼ同じ機能ですが、次のスタックトレースで失敗します
私は何を間違っていますか？例はテンプレートベースのものに基づいているため、Reactive Forms で ng-bootstrap コンポーネントを使用する方法に関する一般的なガイドがあると便利です。
ありがとう！
javascript - Angular 2 ng-bootstrap Modal: エントリ コンポーネントにデータを渡す方法
カスタム モーダル コンテンツ コンポーネントにデータを送信しようとしています。そのため、他のコンポーネントから呼び出すことができ、コードを繰り返す必要はありません。私は Angular 2 を初めて使用し、Angular ドキュメントの ng-boostrap の「Components as content」デモと「Component Interaction」に従っていますが、これを機能させる方法やこの場合の例を見つけていません。 .
モーダルを開くことはできますが、動的コンテンツではできません。私は と@Input変数のアプローチを試みましたが、成功しませんでした。ModalServiceのプロバイダーにも追加しましたapp.module.ts。これは、機能しない両方のアプローチで私が持っているものです:
page.component.html:
page.component.ts:
modal.service.ts:
modal.component.ts:
angular v2.1.0、angular-cli v1.0.0-beta.16、ng-bootstrap v1.0.0-alpha.8 を使用
angular - Angular UI Bootstrap ライブラリの Angular 2 バージョンを使用した動的な templateURL
次のコード How to use variable to define templateUrl in Angular2 を使用して動的テンプレート URL を作成していますが、テンプレートで日付ピッカーを使用する必要があり、Angular UI Bootstrap ライブラリ (Angular 2 バージョン) を追加するのに問題がありました。エラーは
「NgbDateParserFormatter のプロバイダーがありません」
セクションのインポートに NgbModule と FormsModule を追加しました
plunkr バージョンを作成しましたhttps://plnkr.co/edit/kWoSTi?p=preview
ファイル内のフィールドの日付src/articles/first.htmlがコメント解除されている場合、アプリケーションは機能しません。