Logo von Developer

Suche
Abonnieren

Tägliche Top-News bei WhatsApp, Facebook Messenger, Telegram & Insta

preisvergleich_weiss

Recherche in 1.702.856 Produkten

Rainald Menge-Sonnentag 47

Angular 5.1 zusammen mit Angular Material 5.0.0 erschienen

Angular 5.1 verbessert den Umgang mit UI-Komponenten

Als Grundlage für Angular Material dient Googles Material Design. Außer den 30 UI-Komponenten, die im Basisset enthalten sind, können Entwickler mit Angular CDK eigene Komponenten erstellen.

Das nun erschienene Webentwicklungs-Framework Angular 5.1 weist im Hauptpaket lediglich kleinere Neuerungen und Bugfixes auf. Spannender ist, dass das Team gleichzeitig nach zahlreichen Alpha- und Betaversionen sowie drei Release Candidates nun Angular Material und Angular Component Dev Kit (CDK) in Version 5.0.0 veröffentlicht hat. Damit halten UI-Komponenten, die auf der von Google entwickelten Designsprache Material Design aufbauen, Einzug in das Framework für Webanwendungen. Außerdem arbeitet Angular nun mit TypeScript 2.5 zusammen. Die Macher empfehlen das Update aufgrund der hilfreichen neuen Funktionen, aber TypeScript 2.4 lässt sich weiterhin verwenden.

Anzeige

Angular Material bietet 30 vorgefertigte UI-Komponenten aus den Kategorien Formulare, Navigation, Layout, Buttons, Pop-up-Dialoge und Datentabellen. Angular CDK bietet zahlreiche Bausteine, um individuelle Komponenten zu erstellen. So dient beispielsweise <cdk-table> als Vorlage für eine Datentabelle mit dynamischen Spalten und Zugriff auf die DOM-Struktur (Document Object Model), die Entwickler über eigene Funktionen zum Sortieren oder vorgegebenen Seitenumbrüchen erweitern können. Außerdem bietet Angular CDK Vorlagen zum Steuern von Komponenten wie das <observer>-Paket, um auf Ereignisse zu reagieren.

Auch das Command-line Interface (CLI) hat eine Überarbeitung bekommen: CLI 1.6 bietet Support für die in Angular 5 eingeführten Implementierung der Service Worker, also in JavaScript verfasste Proxys. Das Paket lässt sich mit Yarn über yarn add @angular/service-worker herunterladen und in der CLI mit ng set apps.D.serviceWorker=true aktivieren. Anschließend können Entwickler das ServiceWorkerModule in ihr Projekt importieren und dort registrieren.

Darüber hinaus haben die Macher die Steuerung von Angular Universal, welches das Rendern einer Angular-Anwendung auf dem Server ermöglicht, über das CLI verbessert. Über ng generate universal <name> können Entwickler ihre Anwendung als Universal-Modul mit einem individuellen Namen, den sie in die spitzen Klammern statt "name" eintragen registrieren.

Weitere Neuerungen wie der Application-Shell-Support im CLI lassen sich dem Angular-Blog entnehmen. Die komplette Liste der Änderungen findet sich im Changelog auf GitHub.

Siehe dazu auf heise Developer:

(rme)
Anzeige

47 Kommentare

Themen:

Anzeige
  1. Angular Labs soll mehr Innovationen für Angular bringen

    Angular Labs soll mehr Innovationen für Angular bringen

    Auf der AngularMix in Orlando kündigte das Angular-Team eine neue Vorgehensweise für Innovationen an: Angular Labs. Damit wolle man die Balance zwischen neuen Entwicklungen und stabilen Releases waren.

  2. Angular 5.2 verbessert die Typüberprüfung für Templates

    Angular 5.2 verbessert die Typüberprüfung für Templates

    Die aktuelle Version des Webframeworks merzt zwar größtenteils nur einige kleinere Fehler aus, erlaubt Entwicklern aber ebenfalls, TypeScript 2.6 zu nutzen und bietet eine bessere Typüberprüfung für Templates.

  3. Mobile-Entwicklung: NativeScript 3.4 integriert Angular 5 und Android Studio

    Mobile-Entwicklung: NativeScript 3.4 integriert Angular 5 und Android Studio

    Die neue Version des quelloffenen Frameworks für Mobile-Entwicklung ermöglicht es Entwicklern, Angular 5 und Android Studio einzusetzen. Außerdem ist der Marktplatz für App-Bausteine übersichtlicher geworden.

  4. JavaScript: Angular vollbringt Sprung auf Version 4

    JavaScript: Angular-Team vollbringt Sprung auf Version 4

    Die vierte Hauptversion des Frameworks zum Erstellen von Single-Page-Anwendungen soll Entwicklern unter anderem den Umgang mit Templates erleichtern. Außerdem sind eine optimierte View Engine und die fertige Angular CLI Teil des Updates.

  1. Die Neuerungen in Angular 5

    Die Neuerungen in Angular 5

    Nach mehreren Verschiebungen ist Angular 5.0.0 und das Angular Command-line Interface 1.5 erschienen. Neben dem Build Optimizer, der hauptsächlich die Performance verbessert, gibt es viele weitere kleine Änderungen.

  2. Migration von AngularJS 1.x zu Angular 2 mit ngUpgrade

    ngUpgrade ermöglicht als Teil von Angular 2 den Parallelbetrieb der kommenden Version des Frameworks und seiner Vorgänger. Daher eignet es sich als Grundlage für eine schleichende Migration.

  3. Tipps und Tricks mit Angular, Teil 10: Mehrdimensionale Navigationsstrukturen

    Mehrdimensionale Navigationsstrukturen in Angular

    Routing an sich ist in Single-Page-Anwendungen nicht kompliziert. Benötigen Navigationsstrukturen Hierarchieebenen, gibt es dafür in Angular zwei Ansätze für unterschiedliche Bedürfnisse: Child Routes und Aux Routes.

  1. Mars-Rover Curiosity: Panoramafoto zeigt Krater und bisherige Wegstrecke

    Mars-Rover Curiosity: Riesiges Panoramafoto zeigt Krater und bisherige Wegstrecke

    Seit mehr als fünf Jahren ist Curiosity auf dem Mars unterwegs und nun hat er einen Berghang so weit erklommen, dass ein Blick zurück fast die gesamte bisherige Wegstrecke zeigt. Zu erkennen sind große Teile des Kraters Gale und darüber hinaus.

  2. c't zockt Spiele-Review: Rust

    c't zockt Spiele-Review: Rust

    Beim Multiplayer-Survival-Spiel Rust gibt es nur ein Ziel: überleben! Nach vier Jahren Entwicklung im Early-Access-Bereich von Steam ist Rust nun offiziell für Windows, macOS und Linux verfügbar.

  3. Retro-Computer: C64 Mini erscheint mit 64 Spielen am 29. März für 80 Euro

    Retro-Computer: C64 Mini erscheint am 29. März für 80 Euro

    In den 80ern ein Klassiker und bald wieder auf dem Markt: Ein geschrumpfter Nachbau mit modernem Innenleben und 64 Spielen sollt als TheC64 Mini Ende März in den Handel kommen.

  4. Vorstellung: Hyundai Santa Fe

    Hyundai Santa Fe

    Bevor er in Genf enthüllt wird, gibt Hyundai einen erweiterten Einblick in die vierte Generation des Santa Fe. Während die Antriebspalette weitgehend auf Bewährtes setzt, wächst das Mittelklasse-SUV in jeder Richtung und erhält mehr Assistenzsysteme

Anzeige