{"id":2497,"date":"2016-01-19T12:23:00","date_gmt":"2016-01-19T11:23:00","guid":{"rendered":"https:\/\/www.angulararchitects.io\/?p=2497"},"modified":"2016-01-19T12:23:00","modified_gmt":"2016-01-19T11:23:00","slug":"multi-field-validatoren-mit-angular-2","status":"publish","type":"post","link":"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/","title":{"rendered":"Multi-Field-Validatoren Mit Angular 2"},"content":{"rendered":"
\n
\n

Dieser Beitrag bezieht sich auf Angular 2 Beta 0. Bei k\u00fcnftigen Releases kann es zu \u00c4nderungen kommen.\n<\/p><\/blockquote>\n

Zum Validieren von Eingaben mit Angular 2 weist der Entwickler Validatoren zu den einzelnen Controls<\/code> zu. Gilt es jedoch mehrere Controls zu ber\u00fccksichtigen, kann er diese auch bei ControlGroups<\/code> registrieren. In diesem Fall hat der Validator Zugriff auf s\u00e4mtliche Controls<\/code> dieser Gruppe.<\/p>\n

Das n\u00e4chste Beispiel zeigt solch einen Validator in Form der statischen Methode validate<\/code>. Sie nimmt eine ControlGroup<\/code> entgegen und sucht innerhalb dieser nach den Feldern von<\/code> und nach<\/code>. Sind diese (noch) nicht vorhanden, beendet sie die Validierung ohne Fehler. Ansonsten pr\u00fcft sie, ob die beiden Felder korrekte Werte beinhalten. Im Fehlerfall liefert sie ein Fehlerbeschreibungsobjekt mit dem Wert route: true<\/code> zur\u00fcck; sonst ein leeres Objekt um den Erfolg der Validierung anzuzeigen.<\/p>\n

export class RouteValidator {\n\n    static validate(group: ControlGroup): any {\n\n        var von = group.find('von');\n        var nach = group.find('nach');\n\n        if (!von || !nach) return {};\n\n        if (von.value == 'Graz' && nach.value == 'Hamburg') {\n            return {};\n        }\n        return {\n            route: true\n        }        \n    }\n\n}\n<\/code><\/pre>\n
Einsatz mit imperativem Forms-Handling<\/h2>\n
Kommen imperative Formulare zum Einsatz, steht die ControlGroup<\/code> direkt zur Verf\u00fcgung. Ihre Eigenschaft validator<\/code> nimmt einen Validator entgegen (siehe n\u00e4chstes Beispiel). M\u00f6chte der Entwickler mehrere Validatoren zuweisen, kann er diese mit der Methode Validators.compose<\/code> zu einem einzigen \u00fcbergeordneten Validiator zusammenf\u00fchren und diesen anschlie\u00dfend an die erw\u00e4hnte Eigenschaft zuweisen.<\/p>\n
@Component({\n    selector: 'flug-suchen',\n    templateUrl: 'app\/flug-suchen2\/flug-suchen2.html',\n    directives: [CORE_DIRECTIVES, FORM_DIRECTIVES],\n    pipes: [OrtPipe]\n})\nexport class FlugSuchen2 {\n\n    fluege = [];\n    selectedFlug;\n    flugService: FlugService;\n    filter: ControlGroup;\n\n    constructor(flugService: FlugService, fb: FormBuilder) {\n        this.flugService = flugService;\n\n        this.filter = fb.group({\n            von: ['Graz'],\n            nach: ['Hamburg'],\n            maxSegmente: ['2']\n        });\n\n        this.filter.validator = RouteValidator.validate;\n\n    }\n\n    [...]\n}\n<\/code><\/pre>\n
Die View bindet die bereitgestellte ControlGroup<\/code> - wie gewohnt - \u00fcber [ngFormModel]<\/code>. Da der Validator f\u00fcr die gesamte ControlGroup<\/code> gilt, muss die View eventuelle Fehlermeldungen auch auf dieser Ebene in Erfahrung bringen. Dazu ruft sie im nachfolgenden Bespiel die Methode filder.hasError<\/code> auf.<\/p>\n
<form [ngFormModel]=\"filter\">\n\n    <div *ngIf=\"filter.hasError('route')\">\n        Diese Route wird nicht angeboten!\n    <\/div>\n\n    <div class=\"form-group\">\n        <label>Von<\/label>\n        <input ngControl=\"von\" class=\"form-control\">\n    <\/div>\n\n    <div class=\"form-group\">\n        <label>Nach<\/label>\n        <input ngControl=\"nach\" class=\"form-control\">\n    <\/div>\n\n    <div class=\"form-group\">\n        <label>Max. Segmente<\/label>\n        <input ngControl=\"maxSegmente\" class=\"form-control\">\n    <\/div>\n\n    [...]\n\n<\/form>\n<\/code><\/pre>\n
Einsatz mit deklarativem Forms-Handling<\/h2>\n
F\u00fcr den Einsatz mit deklarativen Formularen ist eine Direktive einzurichten. Zus\u00e4tzlich ben\u00f6tigt man daf\u00fcr auch eine Methode validate<\/code>, welche eine ControlGroup<\/code> entgegennimmt und validiert. An und f\u00fcr sich ist es egal, in welcher Klasse sich diese Methode wiederfindet - die Direktive muss lediglich darauf verweisen. Zur Vereinfachung platziert das nachfolgende Beispiel diese Methode direkt in der Direktive. <\/p>\n
Um auf die validate<\/code>-Methode zu verweisen, nutzt die Direktive einen Provider. Dieser bindet dessen Klasse an das von Angular 2 vorgegebene Token NG_VALIDATORS<\/code>. Hierzu kommt ein Multi-Binding zum Einsatz. Der Selektor gibt an, wie die View die Direktive nutzen kann. Im betrachteten Fall verkn\u00fcpft er sie mit Elementen, die das Attribut route<\/code> aufweisen. <\/p>\n
@Directive({\n    selector: '[route]', \n    providers: [provide(NG_VALIDATORS, {useExisting: RouteValidatorDirective, multi: true})]\n})\nexport class RouteValidatorDirective {\n\n    validate(group: ControlGroup) {\n        return RouteValidator.validate(group);\n    }\n} \n<\/code><\/pre>\n
\nF\u00fcr die Methode validate<\/code> bietet Angular 2 auch das Interface Validator<\/code> an. Da diese jedoch die Validierung eines Controls<\/code> vorsieht und ControlGroup<\/code> dazu nicht zuweisungskompatibel ist, kann es hier nicht zum Einsatz kommen. Da Interfaces ohnehin beim Kompilieren verschwinden und Angular 2 zur Laufzeit somit keine Kenntnis davon hat, ist dies nicht weiter schlimm.\n<\/p><\/blockquote>\n
Damit die Direktive in der gew\u00fcnschten View zur Verf\u00fcgung steht, ist sie - wie gewohnt - zu registrieren. Dies kann zum Beispiel \u00fcber die Eigenschaft directives<\/code> des Component<\/code>-Dekorators erfolgen. <\/p>\n
@Component({ \n    selector: 'flug-suchen',\n    templateUrl: 'app\/flug-suchen\/flug-suchen.html',\n    directives: [\n        RouteValidatorDirective\n    ]\n})\nexport class FlugSuchen {\n    [...]\n}\n<\/code><\/pre>\n
Die View markiert in weiterer Folge das zu validierende Formular mit der Direktive. Dazu spendiert sie ihm das Attribut route<\/code>. Danach kann sie bei jener ControlGroup<\/code>, mit dem die FormDirective<\/code> das gesamte Formular repr\u00e4sentiert, eine eventuelle Fehlermeldung abrufen. Diese findet sich in der Eigenschaft form<\/code>: <\/p>\n
<form #f=\"ngForm\" route>\n\n    <div *ngIf=\"f.form.hasError('route')\">\n        Diese Route wird nicht angeboten!\n    <\/div>\n\n    <div class=\"form-group\">\n        <label>Von<\/label>\n        <input [(ngModel)]=\"von\" name=\"von\" ngControl=\"von\" ort required class=\"form-control\">\n    <\/div>\n\n    <div class=\"form-group\">\n        <label>Nach<\/label>\n        <input [(ngModel)]=\"nach\" ortAsync name=\"nach\" ngControl=\"nach\" class=\"form-control\">\n    <\/div>\n\n    <div class=\"form-group\">\n        <label>Max. Segmente<\/label>\n        <input [(ngModel)]=\"maxSegmente\" ngControl=\"maxSegmente\" class=\"form-control\" min=\"1\" max=\"5\">\n    <\/div>\n\n    [...]\n\n<\/form>\n<\/code><\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
Multi-Field-Validatoren Mit Angular 2<\/p>\n","protected":false},"author":9,"featured_media":2997,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2497","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unkategorisiert"],"acf":[],"yoast_head":"\nMulti-Field-Validatoren Mit Angular 2 - ANGULARarchitects<\/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.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Multi-Field-Validatoren Mit Angular 2 - ANGULARarchitects\" \/>\n<meta property=\"og:description\" content=\"Multi-Field-Validatoren Mit Angular 2\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/\" \/>\n<meta property=\"og:site_name\" content=\"ANGULARarchitects\" \/>\n<meta property=\"article:published_time\" content=\"2016-01-19T11:23:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2019\/04\/blog-2355684-1280.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"853\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Manfred Steyer, GDE\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@daniel\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Manfred Steyer, GDE\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/\"},\"author\":{\"name\":\"Manfred Steyer, GDE\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/15628efa7af4475ffaaeeb26c5112951\"},\"headline\":\"Multi-Field-Validatoren Mit Angular 2\",\"datePublished\":\"2016-01-19T11:23:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/\"},\"wordCount\":457,\"publisher\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2019\/04\/blog-2355684-1280.jpg\",\"articleSection\":[\"Unkategorisiert\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/\",\"name\":\"Multi-Field-Validatoren Mit Angular 2 - ANGULARarchitects\",\"isPartOf\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2019\/04\/blog-2355684-1280.jpg\",\"datePublished\":\"2016-01-19T11:23:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#primaryimage\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2019\/04\/blog-2355684-1280.jpg\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2019\/04\/blog-2355684-1280.jpg\",\"width\":1280,\"height\":853},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.angulararchitects.io\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Multi-Field-Validatoren Mit Angular 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"name\":\"ANGULARarchitects\",\"description\":\"AngularArchitects.io\",\"publisher\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\",\"name\":\"ANGULARarchitects\",\"alternateName\":\"SOFTWAREarchitects\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"width\":644,\"height\":216,\"caption\":\"ANGULARarchitects\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/github.com\/angular-architects\",\"https:\/\/www.linkedin.com\/company\/angular-architects\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/15628efa7af4475ffaaeeb26c5112951\",\"name\":\"Manfred Steyer, GDE\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a0b59539674d8b71ea1c1f4764b11244b5f499203f1d11b40f37d8f3f90be033?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a0b59539674d8b71ea1c1f4764b11244b5f499203f1d11b40f37d8f3f90be033?s=96&d=mm&r=g\",\"caption\":\"Manfred Steyer, GDE\"},\"sameAs\":[\"https:\/\/x.com\/daniel\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Multi-Field-Validatoren Mit Angular 2 - ANGULARarchitects","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.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/","og_locale":"en_US","og_type":"article","og_title":"Multi-Field-Validatoren Mit Angular 2 - ANGULARarchitects","og_description":"Multi-Field-Validatoren Mit Angular 2","og_url":"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/","og_site_name":"ANGULARarchitects","article_published_time":"2016-01-19T11:23:00+00:00","og_image":[{"width":1280,"height":853,"url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2019\/04\/blog-2355684-1280.jpg","type":"image\/jpeg"}],"author":"Manfred Steyer, GDE","twitter_card":"summary_large_image","twitter_creator":"@daniel","twitter_misc":{"Written by":"Manfred Steyer, GDE","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#article","isPartOf":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/"},"author":{"name":"Manfred Steyer, GDE","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/15628efa7af4475ffaaeeb26c5112951"},"headline":"Multi-Field-Validatoren Mit Angular 2","datePublished":"2016-01-19T11:23:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/"},"wordCount":457,"publisher":{"@id":"https:\/\/www.angulararchitects.io\/en\/#organization"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2019\/04\/blog-2355684-1280.jpg","articleSection":["Unkategorisiert"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/","url":"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/","name":"Multi-Field-Validatoren Mit Angular 2 - ANGULARarchitects","isPartOf":{"@id":"https:\/\/www.angulararchitects.io\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#primaryimage"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2019\/04\/blog-2355684-1280.jpg","datePublished":"2016-01-19T11:23:00+00:00","breadcrumb":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#primaryimage","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2019\/04\/blog-2355684-1280.jpg","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2019\/04\/blog-2355684-1280.jpg","width":1280,"height":853},{"@type":"BreadcrumbList","@id":"https:\/\/www.angulararchitects.io\/en\/blog\/multi-field-validatoren-mit-angular-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.angulararchitects.io\/en\/"},{"@type":"ListItem","position":2,"name":"Multi-Field-Validatoren Mit Angular 2"}]},{"@type":"WebSite","@id":"https:\/\/www.angulararchitects.io\/en\/#website","url":"https:\/\/www.angulararchitects.io\/en\/","name":"ANGULARarchitects","description":"AngularArchitects.io","publisher":{"@id":"https:\/\/www.angulararchitects.io\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.angulararchitects.io\/en\/#organization","name":"ANGULARarchitects","alternateName":"SOFTWAREarchitects","url":"https:\/\/www.angulararchitects.io\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","width":644,"height":216,"caption":"ANGULARarchitects"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/github.com\/angular-architects","https:\/\/www.linkedin.com\/company\/angular-architects\/"]},{"@type":"Person","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/15628efa7af4475ffaaeeb26c5112951","name":"Manfred Steyer, GDE","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a0b59539674d8b71ea1c1f4764b11244b5f499203f1d11b40f37d8f3f90be033?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a0b59539674d8b71ea1c1f4764b11244b5f499203f1d11b40f37d8f3f90be033?s=96&d=mm&r=g","caption":"Manfred Steyer, GDE"},"sameAs":["https:\/\/x.com\/daniel"]}]}},"_links":{"self":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/posts\/2497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/comments?post=2497"}],"version-history":[{"count":0,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/posts\/2497\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/media\/2997"}],"wp:attachment":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/media?parent=2497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/categories?post=2497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/tags?post=2497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}