問題タブ [ng-bootstrap]

カスタム フィルターを使用して ag-grid でテーブルを作成しました。検索フィールドに先行入力/オートコンプリート機能を追加したいと考えています。しかし、私はエラーが発生しています:

「input」の既知のプロパティではないため、「ngbTypeahead」にバインドできません。(" フィルタ: ][ngbTypeahead]="検索" (ngModelChange)="onChange($event)" [ngModel]="text"> "): ProjectFilterComponent@2:8

カスタム フィルターの先行入力用に外部ライブラリ (ng-bootstrap) を使用しています。

[ ngbTypeahead]は、ag-grid を使用しない他の検索フィールドで正常に機能します。ag-grid の検索フィールドに[ngbTypeahead]関数が必要です

こんにちは、私はテスト ケースを書いており、アプリケーションで "@ng-bootstrap/ng-bootstrap/" を使用しています。以下は system.config.ts です。

以下は私のkarma.config.tsです：

npm テストの実行中に以下のエラーがスローされます:

05 12 2016 15:50:48.454:WARN [Web サーバー]: 404: /base/node_modules/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js Chrome 39.0.2171 (Windows 7 0.0.0)エラー: エラー {originalErr: エラー{}} 05 12 2016 15:50:48.582: 警告 [web サーバー]: 404: /base/node_modules/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js

0.003 秒 / 0 秒で終了

概要: √ 0 個のテストが完了しました npm ERR! テストに失敗しました。詳細については、上記を参照してください。

「npm start」アプリケーションが期待どおりに実行されていることに問題はありませんが、「npm test」の場合、問題に直面しています。私たちはここで完全にブロックされています。

私はAngular 2から始めて、現在バージョン2.2.2を使用しています

リアクティブフォームを書いていますが、選択したラジオボタンを初期化できません。ラジオ ボタンが選択された状態でページが読み込まれるはずですが、これは行われていません。

問題の原因を突き止めることができませんでした。Web 上のコード サンプルから、これは機能するはずだと思います。これが私のコードのスニペットです。

コンポーネントの

編集: これは、私plnkr の環境では実行されないラジオを追加した例からフォークしたものです。私が見る唯一の違いはバージョン番号です。

EDIT2：OK、ng-bootstrapと関係があることがわかりました。NgbModule.forRoot() を使用すると、ラジオ ボタンが初期化されず、期待どおりに機能しません。

ng-bootstrap 独自のラジオ ボタン グループを使用し、Web ページを再設計することで回避しました。さまざまなフィールドセットの凡例内にラジオ ボタンを配置し、すべてのコンテンツを常に表示しました。現在、ラジオはタブのように機能し、現在の選択に応じて異なる div を表示します。

ラジオ ボタンの本来の目的は、すべての要素が有効になり、他のすべてのフィールドセットのコンテンツが無効になる作業フィールドセットを選択することでした。

それが私が ng2-bootstrap モーダルを使用する方法です:

コンテンツがパラメーターをモーダルに渡すために使用されると思ったので、少し混乱しています。しかし、私の意見では、 open メソッドが正しいテンプレートを見つけるために必要なのは名前だけですか?

では、どうすればパラメータを渡すことができますか?

AngularJS アプリケーションを Angular 2 アプリケーションに変換する作業を行っています。AngularJS で使用されていた Angular 2 では、ブートストラップ機能が機能しません。Angular 2 ブートストラップの代替手段はありますか?