{"id":7469,"date":"2023-04-18T08:22:40","date_gmt":"2023-04-18T06:22:40","guid":{"rendered":"http:\/\/www.unimedia.tech.mialias.net\/verstehen-von-angular-15-und-stripe-integration\/"},"modified":"2024-01-09T17:19:27","modified_gmt":"2024-01-09T16:19:27","slug":"verstehen-von-angular-15-und-stripe-integration","status":"publish","type":"post","link":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/","title":{"rendered":"Verstehen von Angular 15 und Stripe-Integration"},"content":{"rendered":"&#13;\n<p>Angular hat im November 2022 seine 15. Version und im Februar dieses Jahres eine Version 15.2 ver\u00f6ffentlicht.<\/p>&#13;\n&#13;\n<p><a href=\"https:\/\/angular.io\/guide\/update-to-version-15\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Die neue Version<\/a> kommt mit gro\u00dfartigen Funktionen: <strong>Eigenst\u00e4ndige Komponenten<\/strong>, Image Directive und weitere Verbesserungen f\u00fcr das gesamte \u00d6kosystem und die Community.<\/p>&#13;\n&#13;\n<h2 class=\"wp-block-heading\">Eine neue Version von Angular<\/h2>&#13;\n&#13;\n<p>Angular bringt seine 15. Version auf den Markt, und das ist innerhalb seines \u00d6kosystems bereits normal, denn alle sechs Monate gibt es eine Version mit Verbesserungen, Updates und neuen Funktionen, um noch leistungsf\u00e4higere Anwendungen zu erstellen.<\/p>&#13;\n&#13;\n<p>Dies sollte keine Probleme verursachen, wenn Sie Angular-Projekte mit einer anderen Version haben. Es spielt keine Rolle, mit welcher Version Sie arbeiten, Sie k\u00f6nnen einfach auf die Aktualisierungsschaltfl\u00e4che klicken und problemlos weiterarbeiten.<\/p>&#13;\n&#13;\n<h2 class=\"wp-block-heading\">Wie kann ich Angular aktualisieren?<\/h2>&#13;\n&#13;\n<p>Angular hat das Upgrade sehr viel einfacher gemacht und Sie m\u00fcssen nur noch den Befehl ng update ausf\u00fchren, um zu aktualisieren.<\/p>&#13;\n&#13;\n<p>Beachten Sie, dass Sie dies schrittweise tun m\u00fcssen. Das hei\u00dft, wenn Sie an einem Projekt in Angular mit der Version 13 arbeiten, m\u00fcssen Sie zuerst auf die Version 14 und dann auf die Version 15 aktualisieren. Dazu f\u00fchren Sie den Befehl aus, der die Version angibt, die Sie aktualisieren m\u00f6chten.<\/p>&#13;\n&#13;\n<p>Wenn Sie weitere Details w\u00fcnschen, k\u00f6nnen Sie die offizielle Angular-Seite besuchen, auf der Sie angeben, welche Version Sie verwenden und auf welche Sie aktualisieren m\u00f6chten. Dort finden Sie weitere Einzelheiten zur Vorgehensweise, aber 99 % der Arbeit wird bereits durch den Befehl <em>ng update<\/em> erledigt.<\/p>&#13;\n&#13;\n<h2 class=\"wp-block-heading\">Was ist neu in Angular Version 15?<\/h2>&#13;\n&#13;\n<p>Wir m\u00fcssen uns daran erinnern, dass Angular eine ganze Plattform ist, die es uns erlaubt, mehrere Tools zu verwenden, um leistungsstarke Anwendungen zu erstellen. Wenn es also eine neue Version gibt, kommen die \u00c4nderungen und neuen Funktionen von vielen seiner Pakete.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Anwendungen ohne Module<\/h3>&#13;\n&#13;\n<p><strong>Eigenst\u00e4ndige Komponenten <\/strong>sind eine der wichtigsten Innovationen. Es geht darum, Anwendungen zu entwickeln, ohne dass Module ben\u00f6tigt werden.<\/p>&#13;\n&#13;\n<p>Eines der Ziele von Angular ist es, die Lernkurve von neuen Personen, die dieses Framework erlernen, zu minimieren, und Module sind eines der Konzepte, die am Anfang schwer zu verstehen sind. Da in Version 14 bereits eine vorl\u00e4ufige Version der Standalone-Komponenten ver\u00f6ffentlicht wurde, verf\u00fcgen wir nun \u00fcber eine robustere API zur Unterst\u00fctzung dieser Komponenten. Mit einer einzigen Datei k\u00f6nnen Sie zum Beispiel eine Angular-App ohne Module ausf\u00fchren.<\/p>&#13;\n&#13;\n<p>Das bedeutet nicht, dass die Module nicht mehr verwendet werden. Vielmehr haben Sie nun die M\u00f6glichkeit, mit beiden Strukturen zu arbeiten. Au\u00dferdem ist Angular abw\u00e4rtskompatibel, d.h. diese neue Form ist optional. Wenn Sie weiterhin mit Modulen arbeiten wollen, k\u00f6nnen Sie das auch weiterhin tun oder sogar Hybride aus Modulen und Standalone-Komponenten haben.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Lazy Loading von Komponenten<\/h3>&#13;\n&#13;\n<p>Wenn Sie das Lazy-Loading-Muster implementieren m\u00f6chten, tun Sie dies \u00fcber ein Modul. Dank der Standalone Components k\u00f6nnen Sie dies nun jedoch direkt in den Komponenten tun, und Sie m\u00fcssen das dynamische Importversprechen nicht l\u00f6sen, da dies automatisch geschieht.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Verbessertes Laden von Bildern<\/h3>&#13;\n&#13;\n<p>Eine weitere Neuerung ist, dass wir eine neue Direktive in Angular haben, um das Laden von Bildern zu verbessern und damit die Ladezeiten auf einer Website zu reduzieren. Wir haben zum Beispiel eine Testseite, die 4 Sekunden zum Laden eines Bildes ben\u00f6tigt; die Anwendung der neuen Richtlinie w\u00fcrde viel weniger Zeit in Anspruch nehmen.<\/p>&#13;\n&#13;\n<p>Um es zu verwenden, m\u00fcssen Sie lediglich das Modul <em>NgOptimizedImage<\/em> an der Stelle importieren, an der Sie es verwenden m\u00f6chten, und dann das attr <em>ngSrc <\/em>f\u00fcr Ihre Bilder verwenden.<\/p>&#13;\n&#13;\n<p>Ein Beispiel f\u00fcr die Auswirkungen dieser Richtlinie ist die E-Commerce-Website Land&#8217;s End. Da die Website viele Bilder verwendet, hat sich die Ladezeit nach der Anwendung dieser Funktion um 75 % verbessert, wie der Lighthouse-Bericht zeigt.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Verbesserte Fehlerformatierung<\/h3>&#13;\n&#13;\n<p>Das Debugging ist eine der Hauptaufgaben eines Webentwicklers, und Angular war uns immer einen Schritt voraus, wenn es darum ging, bessere Tools zur Analyse von Fehlern bereitzustellen. Jetzt k\u00f6nnen Sie auf eine vollst\u00e4ndigere Art und Weise wissen, wie und warum ein Fehler aufgetreten ist, mit einer klareren Formatierung.<\/p>&#13;\n&#13;\n<p>In der Version 15 sind die Fehler nun klein, mit entsprechenden Informationen versehen und es wird genauer angegeben, wo der Fehler auftritt.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Angular Material abgestimmt auf Material Design 3<\/h3>&#13;\n&#13;\n<p>Angular Material ist eines der Pakete, die Sie in Angular verwenden oder nicht verwenden k\u00f6nnen, denken Sie daran, dass Sie w\u00e4hlen, welche Teile des Frameworks zu verwenden. In diesem Fall w\u00e4re Angular Material eine Bibliothek von Komponenten mit einem visuellen Stil in Anlehnung an Googles Material Design Design System f\u00fcr Anwendungen und sie ver\u00f6ffentlichten Version Nummer 3 dieses Design Systems.<\/p>&#13;\n&#13;\n<p>Was \u00e4ndert sich in dieser Version? Google aktualisiert gerade sein Designsystem und hat im Rahmen dessen Tools f\u00fcr Android, Flutter und Web ver\u00f6ffentlicht, mit denen sich die Richtlinien leichter umsetzen und befolgen lassen.<\/p>&#13;\n&#13;\n<p>Jetzt wird das Angular Material-Team diese Material Design-Tools direkt verwenden, wodurch es einfacher wird, das Design-System zu pflegen und originalgetreu zu implementieren.<\/p>&#13;\n&#13;\n<p>Wenn Sie Angular Material verwenden und Sie wollen auf Version 15 zu aktualisieren, wenn Sie zus\u00e4tzliche Schritte machen m\u00fcssen, da diese \u00c4nderung \u00e4ndern, wie mit Angular Material arbeiten, aber Angular immer denkt an Sie und Sie k\u00f6nnen diese Migration mit den Befehlen zu machen.<\/p>&#13;\n&#13;\n<p>Ebenfalls neu in dieser Version ist die Unterst\u00fctzung der Komponente mat-slider mit R\u00e4ngen.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Neues Dienstprogramm im Angular CDK<\/h3>&#13;\n&#13;\n<p>Das Angular CDK ist eine Reihe von Tools f\u00fcr UI-Verhaltensweisen, die mit dem visuellen Stil agonistisch sind. Das bedeutet, dass Sie viele Codezeilen einsparen k\u00f6nnen, indem Sie Verhaltensweisen wie Drag and Drop, Modals, Overlays erstellen, aber Ihren eigenen visuellen Stil hinzuf\u00fcgen.<\/p>&#13;\n&#13;\n<p>Ein Beispiel hierf\u00fcr ist die Verwendung des Angular CDK + TailwindCSS zur Erstellung einer Schnittstelle wie Trello.<\/p>&#13;\n&#13;\n<p>Und diese neue Version enth\u00e4lt ein neues CDK-Listbox-Verhalten.<\/p>&#13;\n&#13;\n<p>Durch die Verwendung von <em>@angular\/cdk\/listbox<\/em> erhalten Sie alle erwarteten Verhaltensweisen einer Liste, einschlie\u00dflich Zug\u00e4nglichkeit, Tastaturinteraktion, Fokusverwaltung usw.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Schnellerer Aufbau mit ESBuild<\/h3>&#13;\n&#13;\n<p>In dieser Version wird die Unterst\u00fctzung f\u00fcr ESBuild verbessert, ein Packager, der in GO geschrieben ist und Webpack ersetzen soll. Dadurch wird die Ausf\u00fchrung von Befehlen wie <em>ng build<\/em> weniger Zeit in Anspruch nehmen, und Sie k\u00f6nnen mit <em>ng build &#8211;watch<\/em> sogar einen Liveload durchf\u00fchren.<\/p>&#13;\n&#13;\n<p>In Version 14 wurde eine Vorabversion ver\u00f6ffentlicht, die bereits den Paketierungsprozess mit diesem Tool beinhaltet und die Verarbeitung von sass-, svg- und fileReplacement-Dateien beinhaltet.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Weniger Dateien  <\/h3>&#13;\n&#13;\n<p>Wenn Sie ein neues Projekt in Angular starten, werden Sie feststellen, dass sich die Anzahl der Dateien deutlich verringert.<\/p>&#13;\n&#13;\n<p>Was ist mit Dateien, die verschwinden? Angular verwaltet diese Einstellungen im Backend und einige von ihnen verschwinden, andere m\u00fcssen Sie aktivieren, wenn Sie sie wirklich brauchen.<\/p>&#13;\n&#13;\n<p>So finden Sie beispielsweise den <em>Umgebungsordner <\/em>nicht mehr, wenn Sie wirklich Umgebungen verwalten und Ihre Schl\u00fcssel dort ablegen m\u00fcssen, und Sie aktivieren die Datei manuell. Machen Sie sich keine Sorgen, wenn Sie die Dateien bereits mit benutzerdefinierten Einstellungen verwaltet haben, Angular wird sie behalten.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">W\u00e4hlen Sie Ihr Testwerkzeug f\u00fcr e2e<\/h3>&#13;\n&#13;\n<p>Angular hat k\u00fcrzlich Protractor als Werkzeug f\u00fcr das Schreiben von e2e-Tests abgeschafft. Was ist also zu verwenden? In der Branche gibt es Tools, die sich hervorragend f\u00fcr diese Art von Tests eignen, und jetzt l\u00e4sst Angular Ihnen die Wahl, mit welchem Tool Sie arbeiten m\u00f6chten, wenn Sie den Befehl <em>ng e2e<\/em> ausf\u00fchren.<\/p>&#13;\n&#13;\n<h2 class=\"wp-block-heading\">Vorteile der Integration von Angular 15 und Stripe<\/h2>&#13;\n&#13;\n<p>Stripe ist eine Online-Zahlungsplattform, die es Unternehmen erm\u00f6glicht, Transaktionen sicher und effizient abzuwickeln. Die Integration von Stripe in eine Angular-Anwendung kann eine Vielzahl von Vorteilen f\u00fcr Benutzer und Gesch\u00e4ftsinhaber bieten.<\/p>&#13;\n&#13;\n<p>Hier sind die Vorteile der Integration der Stripe-Integration in eine mit Angular 15 entwickelte Anwendung.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Sichere Zahlungsabwicklung<\/h3>&#13;\n&#13;\n<p>Stripe ist eine vertrauensw\u00fcrdige Zahlungsplattform, die die h\u00f6chsten Sicherheitsstandards der Branche anwendet, um die Zahlungsdaten der Nutzer zu sch\u00fctzen. Durch die Einbindung von Stripe in eine Angular-Anwendung k\u00f6nnen Nutzer sicher sein, dass ihre Zahlungsdaten gesch\u00fctzt sind und nicht an Dritte weitergegeben werden. Dies kann das Vertrauen der Nutzer in die Anwendung und die dahinter stehende Marke st\u00e4rken.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Flexibilit\u00e4t bei der Zahlungsabwicklung<\/h3>&#13;\n&#13;\n<p>Stripe bietet eine Vielzahl von Optionen f\u00fcr die Zahlungsabwicklung, darunter Kredit- und Debitkarten, Apple Pay, Google Pay und andere. Durch die Einbindung von Stripe in eine Angular-Anwendung k\u00f6nnen Unternehmen ihren Nutzern eine Vielzahl von Zahlungsoptionen anbieten und so die Kundenzufriedenheit und die Umsatzzahlen steigern.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Leichtigkeit der Integration<\/h3>&#13;\n&#13;\n<p>Stripe bietet eine einfach zu verwendende API, die eine schnelle und einfache Integration in Angular-Anwendungen erm\u00f6glicht. Durch die Einbindung von Stripe in eine Angular-Anwendung k\u00f6nnen Unternehmen Zeit und Ressourcen sparen, da sie keine benutzerdefinierte Zahlungsl\u00f6sung von Grund auf entwickeln m\u00fcssen.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Zentralisierte Zahlungsverwaltung  <\/h3>&#13;\n&#13;\n<p>Stripe bietet eine zentralisierte Plattform f\u00fcr die Zahlungsverwaltung, mit der Unternehmer Transaktionen nachverfolgen, Erstattungen ausstellen und andere Aufgaben der Zahlungsverwaltung durchf\u00fchren k\u00f6nnen. Durch die Einbindung von Stripe in eine Angular-Anwendung k\u00f6nnen Unternehmen alle Transaktionen der Anwendung an einem Ort verwalten, was die Zahlungsverwaltung vereinfachen kann.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Verbesserte Benutzerfreundlichkeit<\/h3>&#13;\n&#13;\n<p>Durch die Einbindung von Stripe in eine Angular-Anwendung k\u00f6nnen Benutzer einen schnellen und nahtlosen Checkout-Prozess erleben. Dies kann das Nutzererlebnis verbessern und die Kundenzufriedenheit erh\u00f6hen. Die Nutzer k\u00f6nnen die gew\u00fcnschten Produkte oder Dienstleistungen einfach und schnell bezahlen, ohne sich um technische oder Sicherheitsfragen k\u00fcmmern zu m\u00fcssen.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Ausweitung des Kundenstamms<\/h3>&#13;\n&#13;\n<p>Indem sie den Nutzern eine Vielzahl von Zahlungsoptionen anbieten, k\u00f6nnen die Unternehmer ihren Kundenstamm erweitern. Durch die Einbindung von Stripe in eine Angular-Anwendung k\u00f6nnen Unternehmen Nutzer anziehen, die eine bestimmte Zahlungsoption bevorzugen, was den Umsatz und die Rentabilit\u00e4t der Anwendung steigern kann.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Reduzierung von Betrug<\/h3>&#13;\n&#13;\n<p>Stripe verf\u00fcgt \u00fcber Tools und Sicherheitsma\u00dfnahmen zur Erkennung und Verhinderung von Betrug bei Zahlungstransaktionen, die sowohl Unternehmen als auch App-Nutzer sch\u00fctzen k\u00f6nnen.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Zugang zu Zahlungsdaten<\/h3>&#13;\n&#13;\n<p>Durch die Verwendung von Stripe k\u00f6nnen Unternehmer auf wertvolle Informationen \u00fcber Zahlungstransaktionen zugreifen, wie z. B. Kaufh\u00e4ufigkeit, durchschnittlicher Kaufwert und andere relevante Daten. Diese Daten k\u00f6nnen Unternehmern helfen, fundierte Entscheidungen \u00fcber ihre Vertriebs- und Marketingstrategie zu treffen.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Integration mit anderen Business-Tools<\/h3>&#13;\n&#13;\n<p>Stripe l\u00e4sst sich in eine Vielzahl von Business-Tools integrieren, z. B. in E-Commerce-Plattformen, Abrechnungs- und Buchhaltungsdienste und vieles mehr. Durch die Einbindung von Stripe in eine Angular-Anwendung k\u00f6nnen Unternehmer diese Integrationen nutzen, um die Effizienz und Effektivit\u00e4t ihres Unternehmens zu verbessern.<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Technische Unterst\u00fctzung und Lernressourcen<\/h3>&#13;\n&#13;\n<p>Stripe bietet einen ausgezeichneten technischen Support und eine Vielzahl von Lernressourcen, die Gesch\u00e4ftsinhabern helfen, die Plattform effektiv zu nutzen. Dies kann Unternehmern helfen, technische Probleme zu beheben und neue Strategien zur Verbesserung ihrer Zahlungsabwicklung und ihres Zahlungsmanagements zu erlernen.<\/p>&#13;\n&#13;\n<p>Wir werden in K\u00fcrze Neuigkeiten \u00fcber die kommende 16. Version von Angular bekannt geben, die im Mai dieses Jahres ver\u00f6ffentlicht wird.<\/p>&#13;\n","protected":false},"excerpt":{"rendered":"<p>&#13; Angular hat im November 2022 seine 15. Version und im Februar dieses Jahres eine Version 15.2 ver\u00f6ffentlicht. &#13; &#13; Die neue Version kommt mit gro\u00dfartigen Funktionen: Eigenst\u00e4ndige Komponenten, Image Directive und weitere Verbesserungen f\u00fcr das gesamte \u00d6kosystem und die Community. &#13; &#13; Eine neue Version von Angular &#13; &#13; Angular bringt seine 15. Version [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":6909,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[197,219],"tags":[],"class_list":["post-7469","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular-de","category-technical-guides-de"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.6 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Verstehen von Angular 15 und Stripe-Integration - Unimedia Technology<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Verstehen von Angular 15 und Stripe-Integration\" \/>\n<meta property=\"og:description\" content=\"&#013; Angular hat im November 2022 seine 15. Version und im Februar dieses Jahres eine Version 15.2 ver\u00f6ffentlicht. &#013; &#013; Die neue Version kommt mit gro\u00dfartigen Funktionen: Eigenst\u00e4ndige Komponenten, Image Directive und weitere Verbesserungen f\u00fcr das gesamte \u00d6kosystem und die Community. &#013; &#013; Eine neue Version von Angular &#013; &#013; Angular bringt seine 15. Version [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/\" \/>\n<meta property=\"og:site_name\" content=\"Unimedia Technology\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.linkedin.com\/company\/unimedia-technology\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-18T06:22:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-09T16:19:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/ANGULAR-4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Unimedia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@UnimediaCTO\" \/>\n<meta name=\"twitter:site\" content=\"@UnimediaCTO\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Unimedia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"9\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Verstehen von Angular 15 und Stripe-Integration - Unimedia Technology","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/","og_locale":"de_DE","og_type":"article","og_title":"Verstehen von Angular 15 und Stripe-Integration","og_description":"&#13; Angular hat im November 2022 seine 15. Version und im Februar dieses Jahres eine Version 15.2 ver\u00f6ffentlicht. &#13; &#13; Die neue Version kommt mit gro\u00dfartigen Funktionen: Eigenst\u00e4ndige Komponenten, Image Directive und weitere Verbesserungen f\u00fcr das gesamte \u00d6kosystem und die Community. &#13; &#13; Eine neue Version von Angular &#13; &#13; Angular bringt seine 15. Version [&hellip;]","og_url":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/","og_site_name":"Unimedia Technology","article_publisher":"https:\/\/www.linkedin.com\/company\/unimedia-technology\/","article_published_time":"2023-04-18T06:22:40+00:00","article_modified_time":"2024-01-09T16:19:27+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/ANGULAR-4.png","type":"image\/png"}],"author":"Unimedia","twitter_card":"summary_large_image","twitter_creator":"@UnimediaCTO","twitter_site":"@UnimediaCTO","twitter_misc":{"Verfasst von":"Unimedia","Gesch\u00e4tzte Lesezeit":"9\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/#article","isPartOf":{"@id":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/"},"author":{"name":"Unimedia","@id":"https:\/\/www.unimedia.tech\/de\/#\/schema\/person\/3a250aa22526d5c9ff6bc95bb380a5dd"},"headline":"Verstehen von Angular 15 und Stripe-Integration","datePublished":"2023-04-18T06:22:40+00:00","dateModified":"2024-01-09T16:19:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/"},"wordCount":1772,"commentCount":0,"publisher":{"@id":"https:\/\/www.unimedia.tech\/de\/#organization"},"image":{"@id":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/ANGULAR-4.png","articleSection":["Angular","Technical Guides"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/","url":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/","name":"Verstehen von Angular 15 und Stripe-Integration - Unimedia Technology","isPartOf":{"@id":"https:\/\/www.unimedia.tech\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/#primaryimage"},"image":{"@id":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/ANGULAR-4.png","datePublished":"2023-04-18T06:22:40+00:00","dateModified":"2024-01-09T16:19:27+00:00","breadcrumb":{"@id":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/#primaryimage","url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/ANGULAR-4.png","contentUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/ANGULAR-4.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.unimedia.tech\/de\/verstehen-von-angular-15-und-stripe-integration\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.unimedia.tech\/de\/"},{"@type":"ListItem","position":2,"name":"Verstehen von Angular 15 und Stripe-Integration"}]},{"@type":"WebSite","@id":"https:\/\/www.unimedia.tech\/de\/#website","url":"https:\/\/www.unimedia.tech\/de\/","name":"Unimedia Technology","description":"Your software development partner","publisher":{"@id":"https:\/\/www.unimedia.tech\/de\/#organization"},"alternateName":"Unimedia Tech","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.unimedia.tech\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.unimedia.tech\/de\/#organization","name":"Unimedia Technology","alternateName":"Unimedia Tech","url":"https:\/\/www.unimedia.tech\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.unimedia.tech\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/cloud_border-3.png","contentUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/cloud_border-3.png","width":403,"height":309,"caption":"Unimedia Technology"},"image":{"@id":"https:\/\/www.unimedia.tech\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/unimedia-technology\/","https:\/\/x.com\/UnimediaCTO","https:\/\/www.instagram.com\/unimedia.technology\/"]},{"@type":"Person","@id":"https:\/\/www.unimedia.tech\/de\/#\/schema\/person\/3a250aa22526d5c9ff6bc95bb380a5dd","name":"Unimedia","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.unimedia.tech\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5901fd1c4628e2b48ffd4e47324e8fe0751b39e556a167f078471d4c4bec0f6f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5901fd1c4628e2b48ffd4e47324e8fe0751b39e556a167f078471d4c4bec0f6f?s=96&d=mm&r=g","caption":"Unimedia"}}]}},"_links":{"self":[{"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/posts\/7469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/comments?post=7469"}],"version-history":[{"count":0,"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/posts\/7469\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/media\/6909"}],"wp:attachment":[{"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/media?parent=7469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/categories?post=7469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/tags?post=7469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}