Interaktive Beispiele

Erkunde Live-Beispiele, die zeigen, wie sich die Bibliothek in gängigen Angular-Anwendungsfällen verhält.

Ein einziger Befehl

`ng add ng-hub-ui` ist die gesamte Installation. Die Angular-CLI lädt das Paket, führt sein `ng-add`-Schematic aus, und dieses fragt, welche der 25 katalogisierten Bibliotheken Sie möchten. Leertaste wählt aus, `a` schaltet alles um, `i` kehrt die Auswahl um; beim Bestätigen wird die Auswahl in npm-Pakete aufgelöst, in `dependencies` geschrieben und die Installation dem von der CLI erkannten Paketmanager übergeben.

Interaktive Installation

Space selects, a toggles everything and i inverts the selection. The schematic writes the chosen packages into dependencies and then lets the package manager install them.

Optionen und Skripte

Die Abfrage lässt sich überspringen, und genau das macht den Installer in der CI und im Setup-Skript eines Projekts brauchbar. `--libraries` akzeptiert eine kommagetrennte Liste oder dieselbe Option mehrfach; beide Formen werden gleich normalisiert: getrimmt, entdoppelt, in der angegebenen Reihenfolge. `--skip-install` schreibt das Manifest und hört dort auf. Übergeben Sie die Bezeichner aus dem Katalog, nicht die Beschriftungen der Abfrage — das sind unterschiedliche Zeichenketten, und ein unbekannter Bezeichner stoppt das Schematic, bevor `package.json` angefasst wird.

Optionen statt Abfrage

Comma-separated

Repeated flag — the same selection, normalized the same way

Manifest only, install left to you

An empty selection fails with Select at least one ng-hub-ui library to install. and an unknown identifier with Unknown ng-hub-ui library: <id>. — in both cases before package.json is touched.

Aufgelöste Abhängigkeiten

Was ausgewählt wird, ist nicht, was geschrieben wird. Jede katalogisierte Bibliothek nennt die Peers, die sie braucht — `ng-hub-ui-utils` für den größten Teil der Familie, `ng-hub-ui-ds` für panels, `ng-hub-ui-forms` für signature und `sortablejs`, das gar nicht von uns stammt — und die Auflösung ist transitiv: eine mitinstallierte Bibliothek steuert ihrerseits ihre eigenen Peers bei. Jeder Bereich beginnt bei oder über dem höchsten Peer, den die Familie von ihm verlangt; das verhindert ein Paar, das npm nicht auflösen kann. Ein bereits vorhandener Schlüssel wird nie überschrieben, eine von Ihnen festgesetzte Version überlebt also. Das Schematic endet bei der Abhängigkeitsverdrahtung: kein `angular.json`, keine Provider, keine Komponentenregistrierung, keine Stylesheet-Einträge.

Was die Auswahl schreibt

Two libraries asked for…

…five packages written into package.json

The schematic adds a dependency only when the key is absent, so a version already pinned in your manifest survives the install untouched.