問題タブ [ng2-bootstrap]

Bootstrap (またはその他の) コンポーネント ライブラリの使用方法 クリストファー · 6分前

ブートストラップ コンポーネントを含める方法に関するサンプル コードを手伝ってくれる人はいますか

ブートストラップ アラートを使用しようとしています。npm パッケージをインストールし、パッケージを次のように追加しました。

アラート-component.ts:

app.component.ts

systemjs.config.js

エラーが発生しています

data(?Array) - 設定する初期選択データ。これは、入力タイプが「Single」の場合は id および text プロパティを持つオブジェクト、それ以外の場合はそのようなオブジェクトの配列である必要があります。このオプションは、値と相互に排他的です。

これは、Web サイトのドキュメントからのものです。GitHub は、エラーをスローする initData を呼び出します。

有効なオプションの配列で [data] を設定していますが、何も選択されていません。さらに、ドロップダウンが開かれるたびにこれが発生することさえあります。

これもシングルモードでは機能しません。

このコントロールの「オプション」を事前に選択するにはどうすればよいですか?

RC.1で使用しています。SO の他のソリューションは、古いバージョンの ng2 のように見えます。

私は ng2-bootstrap と Angular2 を実装しています。

モバイルナビゲーションバーを開閉する方法がわかりません。

これはまだサポートされていないものですか？または、何か不足していますか？

更新、html:

タイプスクリプト:

コンポーネントからダイアログを開きたい:

bsModel である lgModal.show() はダイアログを開きます。コンポーネントからダイアログを開くにはどうすればよいですか:

コンポーネントから lgModal.show() のようなことはできませんか?

Angular2 は初めてで、成功せずに ng2-bootstrap ディレクティブを実装する手順を実行しようとしています。この奇妙な、時間の無駄なエラー「Uncaught ReferenceError: require is not defined」が表示されます

私のindex.htmlファイルは次のようになります

ご協力いただきありがとうございます

angular 2 rc2シードプロジェクトでng2-bootstrapラジオボタンを使用しようとしています。次のコードは、angular 2 rc1 プロジェクトで問題なく動作します。現在、ベースとして使用してシード プロジェクトを作成しようとしてhttps://github.com/mgechev/angular2-seedいますが、適切に作成できません。

次の方法で ng2-bootstrap radio-buttons ディレクティブを使用します。

ng2-bootstrap と moment ライブラリをseed.config.tsに含めます。私は多くの変種を試しました（また、ng2-bootstrap/ng2-bootstrapなども）

次のディレクティブをインポートします

そして、これを私のコンポーネントで使用します

問題なくプロジェクトをビルドしますが、サーバーを実行すると、次の実行時例外が発生します。

ここで ngModel への双方向バインディングが壊れていると確信しています。このコードを rc1 バンドルとシード プロジェクトなしで使用しました。今、何が問題になるのかわかりません-新しいAngularバージョン、またはビルドシステムの使用(私の場合-gulp)。

誰でもアドバイスをいただければ幸いです。よろしくお願いします。

2016 年 6 月 21 日以降に編集

使用するパッケージのバージョンは次のとおりです。