問題タブ [ng-bootstrap]

私は angular2 プロジェクトで作業していますが、angular2 で uib-tabset を使用できる手段があることを知りたいですか?

以前は、ng-bootstrap を使用できる angularjs を使用していました。

<uib-tabset></uib-tabset>簡単に使えました。

しかし、angular2でこれを行う方法がわかりませんか? 入力はありますか？

ng-bootstrapAngular-CLI (Angular2 RC4) プロジェクトに (angular-ui チームによって作成された)追加する方法は?

すなわち：

1. .css縮小したものをnode_modulesフォルダーから angular-cli プロジェクトに追加するにはどうすればよいですか?
2. に追加する必要がありangular-cli-build.jsますか?
3. タイピングを追加する必要がありますか?
4. に追加する必要がありますか/src/system-config.ts

angular2 と ng-bootstrap を使用して、プロジェクトでカードとグリッド レイアウトを使用したいと考えています。

ng-bootstrap は、bootstrap4 の新しい機能カードをサポートしていますか?

https://ng-bootstrap.github.io/#/getting-startedの指示に従って、Angular2 の TypeScript のクイック スタートに ng-bootstrap を追加しようとしています。npm start を実行すると、TS2304 cannot find name 'NGB_PRECOMPILE' というエラーが表示されます。

app.component.ts

main.ts

およびpackage.sonの依存関係

https://stackoverflow.com/a/38413274/1596547に従ってAngular-CLIプロジェクトにng-bootstrapを追加しようとすると、次を使用できませんprocompile option:

上記により、次のエラーが生成されます。

Angular-CLI プロジェクトに ng-bootstrap のアラート ディレクティブ (NGB_ALERT_DIRECTIVES) を追加しようとしています。https://stackoverflow.com/a/38413274/1596547で説明されている手順に従いました。

上記の結果、次のエラーが発生します。

上記を修正する方法と、プリコンパイル オプションに関連するものはありますか? 参照: Angular-CLI プロジェクトに ng-bootstrap を追加するとプリコンパイルが失敗する

ng-bootstrapの開始に合わせてフォローしようとしていますが、インポートする必要があると言われています。

'@ng-bootstrap/ng-bootstrap' から {NGB_DIRECTIVES, NGB_PRECOMPILE} をインポートします。

次に、app.component.ts でプリコンパイルを要求します: [ NGB_PRECOMPILE ]

Visual Studio Code で大きな赤いエラーが表示されます。

[ts]

タイプ '{ セレクター: 文字列; の引数。ディレクティブ: (((typeof NgbAccordion | typeof NgbPanel | typeof NgbPanelTitle)[...' はタイプ '{ セレクター?: 文字列; 入力?: 文字列[]; 出力?: 文字列[]; プロパティ?:文字列[]; イベント?: 文字列...'. オブジェクト リテラルは既知のプロパティのみを指定でき、'{ セレクター?: 文字列; 入力?: 文字列[]; 出力?: 文字列[] 型には 'プリコンパイル' は存在しません; プロパティ?: 文字列[]; イベント?: 文字列...'.

そう

アプリを検査すると、リソース @ng-bootstrap/ng-bootstrap の読み込みに失敗したことがわかりますが、node_modules にフォルダー @ng-bootstrap と ng-bootstrap という名前のサブフォルダーが表示されます。

一方では見つかったと言っているように見えますが、間違ったタイプですが、もう一方ではまったく見つからないと言っているので、私は混乱しています。

npm 3.10.6を使用してWindows 10でこれを試しています。

これは簡単な問題ですか？

私は次のものを持っていますpackage.json：

ただし、常に次のバージョンの@ng-bootstrap/ng-bootrap:1.0.0-alpha.2

これは、私が明示的に指定alpha.1したにもかかわらずですpackage.json:

NPMが別のバージョンを強制する原因を知っている人はいますか?

PS

npm ログからの情報も含めています。

https://github.com/ng-bootstrap/ng-bootstrapを使用して、ng2 アプリケーションにブートストラップ モジュールを追加しようとしています。しかし、常にこのエラーが発生します：

これは私のインデックス ファイルです。私のファイルに間違いがあるのでしょうか? index.html:

完全な systemjs.config

私は最近、AngularJS 1 または Angular2 を長期的な製品に使用する必要があるかどうかを調査しています。

私が最も力を入れているのは、Angular JS 1 用の AngularUI など、魅力的なユーザー インターフェイスを作成するための成熟した UI ライブラリを利用できるようにすることです。

調査中に、PrimeNG [1] や ng-bootstrap [2] などのライブラリに出くわしましたが、それらがどの程度成熟しているか、つまり、主要なバグがなく、非常に安定している必要があるかどうかはまだ疑問です。

それらについてのあなたの経験は何ですか? また、さらにどのようなライブラリをお勧めできますか?

[1] http://www.primefaces.org/primeng
[2] https://ng-bootstrap.github.io/#/home