Angular-UI-Bibliotheken mit ng add installieren | ng-hub-ui
Der Installer der ng-hub-ui-Familie: ein ng-add-Befehl, der fragt, welche Bibliotheken Sie wollen, die Pakete jeder einzelnen auflöst und sie in Ihr Manifest schreibt.
Zuletzt aktualisiert 08.09.2026
Übersicht
Warum Teams nach dieser Bibliothek suchen
Nutzen Sie ng-hub-ui, wenn Sie eine oder mehrere Bibliotheken der Familie in einen Angular-Arbeitsbereich aufnehmen und nicht von Hand herausfinden wollen, welches Peer-Paket jede davon braucht.
Installieren
ng add ng-hub-uiSpringen zu
Ideal für
- Mehrere ng-hub-ui-Bibliotheken in einem Schritt in einen Angular-Arbeitsbereich aufnehmen
- Die Ersteinrichtung eines Projekts in der CI skripten, ohne eine Abfrage zu beantworten
- Die Peer-Pakete, die jede Bibliothek braucht, für sich ausrechnen lassen
Über ui
ng-hub-ui ist das Dachpaket der Familie und das einzige veröffentlichte, das keine Komponenten mitbringt. Was es mitbringt, ist ein ng-add-Schematic. Es bietet die 25 katalogisierten Bibliotheken in einer Mehrfachauswahl an oder nimmt ihre Bezeichner direkt aus einer --libraries-Option und löst die Auswahl in die npm-Pakete auf, die tatsächlich gebraucht werden — die Peers, von denen eine Bibliothek abhängt, und das eine externe Paket sortablejs, das nicht von uns stammt. Die aufgelöste Liste wird in dependencies im Wurzelverzeichnis geschrieben, ohne je einen bereits vorhandenen Schlüssel zu überschreiben, und dann dem von der Angular-CLI erkannten Paketmanager übergeben. Sein Umfang endet bei der Abhängigkeitsverdrahtung: keine Änderung an angular.json, keine Provider, keine Komponentenimporte, keine Stylesheet-Einträge.
Funktionsleitfäden
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.
Beispiele:
Interaktive Installation
Der Befehl und die Abfrage, die er öffnet, so wie sie im Terminal erscheinen.
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.
Beispiele:
Optionen statt Abfrage
Die drei nicht-interaktiven Formen und die zwei Arten, wie eine falsche Auswahl abgelehnt wird.
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.
Beispiele:
Was die Auswahl schreibt
Zwei Bibliotheken angefordert, fünf Pakete geschrieben — die Mitinstallationen konkret.
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.
Hauptfunktionen
Letzte Änderungen
Version 0.2.1 - 9/8/26, 12:00 AM
fixed: Four documents said the installer has no page on the documentation site. This is that page: both READMEs and `FUNCTIONALITIES.md` link to it instead of denying it.
changed: The manifest `homepage` points at this page rather than at the family root — it is the link a registry shows beside the package, and every other library in the family already points at its own documentation. Metadata only: no code, no schematic behaviour, no catalogue change.
Version 0.2.0 - 9/6/26, 12:00 AM
fixed: Every one of the 25 catalogue ranges now floors at or above the highest peer the family declares on it. `ng-hub-ui-forms` had reached 22.32.0 peering on `ng-hub-ui-utils >=22.12.0` while the catalogue still offered `utils ^22.8.1`, so `ng add ng-hub-ui --libraries=forms` wrote a pair npm cannot satisfy — invisible on a fresh unpinned install, an `ERESOLVE` anywhere resolution was already fixed.
fixed: Both READMEs denied a library the installer has offered since 0.1.6: they said `ng-hub-ui-action-sheet` was not on npm, in five separate places, while the catalogue had carried it all along.
changed: The Angular peer range is `>=18.0.0`, up from `>=17.3.0`. Nothing in the catalogue targets Angular 17, so the old floor let `ng add ng-hub-ui` run, write the manifest and only then fail to resolve. See `BREAKING_CHANGES.md`.
added: The schematic has a tracked spec again. The only test over `ng add` lived beside the compiled output where `.gitignore` excludes it, so it left the repository the moment it was written; run today it reported three failures it had been reporting for months.
Version 0.1.7 - 9/1/26, 12:00 AM
changed: The manifest `homepage` points at the localized site root rather than the redirect above it, so a reader arriving from npm lands one hop earlier.
Version 0.1.6 - 8/30/26, 12:00 AM
added: `action-sheet` joins the catalogue and the prompt: `ng-hub-ui-action-sheet` reached the registry with 22.0.0, and it needs no co-installs.
Verwandte Bibliotheken
Häufig gestellte Fragen
Wie installiere ich ng-hub-ui in einem Angular-Projekt?
Führen Sie ng add ng-hub-ui aus. Die Angular-CLI lädt das Installer-Paket und führt sein ng-add-Schematic aus: Es fragt, welche der 25 katalogisierten Bibliotheken Sie wollen, schreibt die aufgelösten Pakete in dependencies und lässt Ihren Paketmanager sie installieren.
Kann ich die Bibliotheken ohne die interaktive Abfrage installieren?
Ja. Übergeben Sie die Bezeichner an --libraries, kommagetrennt (--libraries=modal,paginable) oder als wiederholte Option (--libraries=modal --libraries=paginable). Mit --skip-install wird nur package.json aktualisiert und die Installation bleibt Ihnen überlassen.
Was ändert das ng-hub-ui-Schematic in meinem Projekt?
Nur den dependencies-Block der package.json im Wurzelverzeichnis, und nur Schlüssel, die noch nicht da sind. Es fasst weder angular.json noch Provider, Komponentenimporte oder Stylesheet-Einträge an.