ng-bootstrapを設定できません

Question

ng-boostrapの使い方が分かりません。 アラート指令の使用方法を示すいくつかの例が見つかりました。私は様々なエラーが出ます。私AppModuleで

私が持っている：

import { NgbAlertModule } from 'ng-bootstrap'; 

...

imports: [ NgbAlertModule, ... ] 

私はHTML含むコンポーネントを持っている：

<alert type="success">Alert works!</alert> 

私は次のエラーを取得する：

Template parse errors: 'alert' is not a known element

上記の前に、AlertまたはAlertModuleをインポートしようとしましたが（ほとんどの例が示唆したように）、エクスポートされたメンバーは存在しないとのエラーが常に出ました。私のインポートを動作させる唯一の方法は、NgbAlertModuleを指定することです。

私は非常に混乱しています。まず、すべての例がAppModuleにインポートを入れたいと思う理由がわかりません。例を単純にするだけですか？それを必要とするコンポーネントに入れておくことは、私にはもっと意味があります。それはできますか？もしそうなら、どのように？それはベストプラクティスですか？

私は何を探しているのか分かりません。私はそれがモジュールを探していることを理解していますが、どこですか？私が見つけたサンプルのほとんどは、AlertModuleまたはAlertをインポートすると言います。違いはなんですか？私はこれらのいずれかを動作させることができませんでしたが、NgbAlertModuleを正常にインポートできることがわかりましたが、含まれていないようです。

何か助けていただければ幸いです。 、輸入に関しては

some.component.ts

<ngb-alert type="success">Alert works!</ngb-alert> 

：あなたがする必要がある

Answer 1

まず最初はalertしかしngb-alertないAlertコンポーネントのための正しい選択を使用することです私はGetting startedガイドを通ることをお勧めします。

基本的には、インポート行は以下のようになります：あなたは、ルートモジュール（最も可能性が高いAppModule）または別のモジュールでそれをインポートする場合

import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; 

その後、に応じて、import宣言は若干異なります。ルートモジュールではNgbModule.forRoot()でなければなりませんが、他のモジュールではNgbModuleになります。

NgbModuleはメインモジュールで、他のすべてのモジュール（NgbAlertModule、NgbModalModule、...）が含まれています。他のモジュールを使用していない場合は、NgbAlertModuleで上記を行うことができます。