Winkel 6 und seine neuen Funktionen - in drei Minuten erklärt

Angular hat in Version 6.0.0 einige erstaunliche neue Funktionen herausgebracht, insbesondere in Angular-cli. Mit Angular 6 können Sie jetzt ganz einfach Ihre alten Pakete aktualisieren, native Webelemente mit Angular Elements erstellen und vieles mehr. Lass uns einen Blick darauf werfen!

ng hinzufügen

ng addist ein neuer Befehl in Angular-cli, mit dem Sie neue Pakete in Ihren Angular-Apps installieren und herunterladen können. Es funktioniert genauso wie npm, ersetzt es jedoch nicht.

ng Update

ng updateist auch ein neuer Angular-cli-Befehl. Es wird verwendet, um Ihre Pakete zu aktualisieren und zu aktualisieren. Dies ist beispielsweise sehr hilfreich, wenn Sie ein Upgrade von Angular 5 auf Angular 6 oder ein anderes Paket in Ihrer Angular-App durchführen möchten.

Angabe der Anbieter innerhalb des Dienstes

Vor diesem Update mussten Sie das Provider-Array in deklarieren app.module.ts

Mit Angular 6 können Sie Ihren Service jetzt innerhalb des Supervisors selbst bereitstellen, indem Sie die providedIn:rootEigenschaft in den " Dekorateur " stellen @injectable" .

Verwenden Sie ng-template anstelle der Template-Direktive

In der neuen Version von Angular können Sie ng-templateden HTML-Code anstelle des templateTags rendern . ng-templateist ein Winkelelement und funktioniert, wenn es mit einer strukturellen Direktive wie *ngForund verwendet wird*ngIf

Winkelelemente

Winkel 6 führte uns in Winkelelemente ein. Sie können Ihre Angular-Elemente als native Webelemente rendern und sie werden als vertrauenswürdige HTML-Elemente interpretiert.

Sie können Winkelelemente hinzufügen, indem Sie den folgenden Befehl ausführen:

Import createCustomElementin Ihrer Komponente.

Dann erstellen Sie Ihr individuelles Element!

MyElemComponent.ts

Das Ergebnis:

Hinweis: Sie müssen die DomSanitizerMethode von implementieren @angular/platform-browser, um Ihr benutzerdefiniertes Element zu einem vertrauenswürdigen HTML-Tag zu machen.

Weitere Informationen zu Winkelelementen finden Sie hier

Upgrade auf RxJS 6.0.0

Angular 6 verwendet die neueste Version der Rxjs-Bibliothek. Jetzt können Sie die neuesten Funktionen von RxJS 6 in Ihrer Angular-App genießen :)

Einpacken

Angular selbst hat nicht viele bahnbrechende Veränderungen im Angular-Kern, aber Angular-cli ist wirklich aufregend. Das Angular-Team konzentriert sich mehr auf die Leistung, erstellt problemlos PWAs und bietet eine gute Arbeitsumgebung, in der Sie auf einfache Weise mit Angular arbeiten können.

Sie finden mich auf Twitter.

Übrigens habe ich kürzlich mit einer starken Gruppe von Software-Ingenieuren für eine meiner mobilen Anwendungen zusammengearbeitet. Die Organisation war großartig und das Produkt wurde sehr schnell geliefert, viel schneller als andere Firmen und Freiberufler, mit denen ich zusammengearbeitet habe, und ich denke, ich kann sie ehrlich für andere Projekte da draußen empfehlen. Schicken Sie mir eine E-Mail, wenn Sie Kontakt aufnehmen möchten - [email protected]