Kann ng-bootstrap nicht konfigurieren

Question

Ich kann nicht herausfinden, wie man ng-boostrap verwendet. Ich habe mehrere Beispiele gefunden, die zeigen, wie man die Warnung Richtlinie verwendet. Ich bekomme verschiedene Fehler.

In meinem AppModule ich habe:

import { NgbAlertModule } from 'ng-bootstrap'; 

...

imports: [ NgbAlertModule, ... ] 

Ich habe eine Komponente, deren HTML enthält:

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

bekomme ich folgende Fehlermeldung:

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

Vor dem oben genannten habe ich versucht, Alert oder AlertModule zu importieren (wie die meisten Beispiele vorgeschlagen), aber immer einen Fehler, der besagt, dass kein solches exportierten Mitglied existiert. Der einzige Weg, wie ich meinen Import zum Laufen bringen kann, ist die Angabe von NgbAlertModule.

Ich bin sehr verwirrt. Zunächst verstehe ich nicht, warum alle Beispiele den Import in AppModule einfügen möchten. Ist das nur, um das Beispiel einfach zu machen? Es macht mehr Sinn für mich, es in die Komponente zu schreiben, die es braucht. Kann das gemacht werden? Wenn ja, wie? Ist es die beste Praxis?

Ich verstehe nicht, was Import sucht. Ich verstehe, dass es nach einem Modul sucht, aber wo? Die meisten Beispiele, die ich gefunden habe, sagen, AlertModule oder Alert zu importieren. Was ist der Unterschied? Ich konnte keinen von beiden zur Arbeit bringen, fand aber heraus, dass ich NgbAlertModule erfolgreich importieren konnte, aber es schien nicht zu enthalten.

Jede Hilfe wird geschätzt.

Answer 1

Das erste, was Sie tun müssen, ist die richtige Auswahl für die Alert Komponente zu verwenden, die nicht alert ist aber ngb-alert:

some.component.ts

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

In Bezug auf die Einfuhr, Ich würde empfehlen, die Getting started Anleitung durchzugehen.

Grundsätzlich wäre die Importzeile wie folgt sein:

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

Dann, je nachdem, ob Sie es in Ihrem Root-Modul (höchstwahrscheinlich AppModule) oder in einem anderen Modul zu importieren, wird die Einfuhranmeldung leicht variieren. Im Root-Modul sollte es NgbModule.forRoot() sein, während es in anderen nur NgbModule sein wird.

Beachten Sie, dass NgbModule das Hauptmodul ist, das alle anderen enthält (NgbAlertModule, NgbModalModule, ...). Sie können das obige mit NgbAlertModule tun, wenn Sie die anderen Module nicht verwenden.