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/ng-bootstrap": "^1.0.0-alpha.9",
"bootstrap": "^4.0.0-alpha.5",
"tslint": "^3.15.1",
今私の問題は、何をすべきか、ng-bootstrapインストールドキュメントから言及されたコードフラグメントをどこに置くべきか、まったく手がかりがないことです:
https://ng-bootstrap.github.io/#/getting-started
私が求めているのは:
1) これらのコード フラグメントの目的と、上記のリンク先の具体的なスターター キット プロジェクトのどこにこのようなものを配置するかについての説明 (私は喜んで学びたいと思っていますが、その情報は n00b には少し短すぎます)。
つまり、たとえばAppComponent
何ですか?それは未定義です-そして、それが何を指しているのかわかりません。
2) このプロジェクト内の実際の Bootstrap はどこにありますか?
これらは、これらのことを知っている人にとってはばかげた質問かもしれません。しかし、初心者として、私は現時点で完全に迷っています。
事前にご協力いただきありがとうございます。
上記の ng-bootstrap インストール ドキュメントからコピー:
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
@NgModule({
declarations: [AppComponent, ...],
imports: [NgbModule.forRoot(), ...],
bootstrap: [AppComponent]
})
export class AppModule {
}
アプリケーションの他のモジュールは、次のように簡単にインポートできますNgbModule
。
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
@NgModule({
declarations: [OtherComponent, ...],
imports: [NgbModule, ...]
})
export class OtherModule {
}