Eine kurze Diskussion darüber, wie man eine UI-Bibliothek eines Drittanbieters (Angular Material) in Angular-Projekte einführt

In diesem Artikel erfahren Sie, wie Sie eine UI-Bibliothek eines Drittanbieters (Angular Material) in dasAngular-Projekt einführen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Umgebung:

• Angular CLI: 11.0.6
• Angular: 11.0.7
• Knoten: 12.18.3
• npm: 6.14.6
• IDE: VSCode

1. Auswahl von UI-Bibliotheken von Drittanbietern

Angular-Entwicklung: Sofern Sie nicht nur eine oder zwei einfache Seiten haben, ist die Einführung einer UI-Bibliothek von Drittanbietern unerlässlich. Bei der Auswahl der zu verwendenden Bibliothek müssen viele Aspekte berücksichtigt werden. [Verwandte Tutorial-Empfehlung: „Angular-Tutorial“]

Zum Beispiel:

• Beliebtheit

• Versionsaktualisierungen (ob Anuglar-Updates befolgt werden können, ob Fehler rechtzeitig behoben werden)

• UI-Stil, ob er für das Projekt geeignet ist

• Einfachheit des Einstiegs

• Vollständigkeit der Dokumentation

Auf dem Markt sind viele Klassenbibliotheken für Angular verfügbar, die je nach Projekt- und Unternehmensbedingungen ausgewählt werden können. Listen Sie kurz die optionalen UI-Bibliotheken auf.

• Angular Material: eckige offizielle UI-Bibliothek. https://material.angular.io/Angular Material: angular 官方UI库。https://material.angular.io/

• clarity: 国外的一套比较流行的框架， https://clarity.design/。

• NG-ZORRO: 阿里Ant Design的Angular版本。 https://ng.ant.design/docs/introduce/en

• Element Angular：国内非常流行的基于Vue的Element，同样有Angular版本。 https://element-angular.faas.ele.me/

• Kendo UI

clarity: Ein relativ beliebtes ausländisches Framework, https://clarity.design/.

NG-ZORRO: Angular-Version von Alibaba Ant Design. https://ng.ant.design/docs/introduce/en

Element Angular: Das in China sehr beliebte Vue-basierte Element hat auch eine Angular-Version. https://element-angular.faas.ele.me/

Kendo UI. Viele sind sehr leistungsstark, aber sie erfordern eine Gebühr. https://www.telerik.com/kendo-angular-ui 2. Angular Material 2.1. Vorteile und Nachteile Komponente: Die standardmäßigste Materialimplementierung Sie reichen grundsätzlich aus. Verwenden Sie den

-Stil, der nicht besonders dem inländischen Framework ähnelt. 2.2 Führen Sie den folgenden Befehl im Stammverzeichnis aus an das Modul, zu dem die Seite gehört, oder app.module .ts.

ng add @angular/material

Nach dem Login kopieren
• 3. Zusammenfassung
• Komponenten von Drittanbietern haben ihre eigenen Vor- und Nachteile

Wählen Sie entsprechend den Anforderungen des Unternehmens und des Projekts

• Angular Material ist einfacher zu aktualisieren und wird offiziell unterstützt .

Weitere Programmierkenntnisse finden Sie unter:

Programmiervideo! !

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion darüber, wie man eine UI-Bibliothek eines Drittanbieters (Angular Material) in Angular-Projekte einführt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!