{"version":"1.0","provider_name":"WATA Factory","provider_url":"https:\/\/wata.es\/de\/","title":"BEM in Angular: Verbesserung der CSS-Wartbarkeit und Skalierbarkeit - WATA Factory","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"yxL2Npjlle\"><a href=\"https:\/\/wata.es\/de\/bem-in-angular-verbesserung-der-css-wartbarkeit-und-skalierbarkeit\/\">BEM in Angular: Verbesserung der CSS-Wartbarkeit und Skalierbarkeit<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/wata.es\/de\/bem-in-angular-verbesserung-der-css-wartbarkeit-und-skalierbarkeit\/embed\/#?secret=yxL2Npjlle\" width=\"600\" height=\"338\" title=\"&#8222;BEM in Angular: Verbesserung der CSS-Wartbarkeit und Skalierbarkeit&#8220; &#8212; WATA Factory\" data-secret=\"yxL2Npjlle\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/wata.es\/wp-content\/uploads\/2025\/02\/bem-in-angular-1-scaled.jpg","thumbnail_width":2560,"thumbnail_height":1440,"description":"Wenn wir mit Angular arbeiten, ist die Organisation des CSS-Codes entscheidend, um ein skalierbares und leicht wartbares Projekt zu gew\u00e4hrleisten. Eine der am h\u00e4ufigsten verwendeten Methoden zur Strukturierung von Styles ist BEM (Block, Element, Modifier). In diesem Artikel erkl\u00e4ren wir, was BEM ist und wie man es in Angular mit einfachen Beispielen anwendet. Au\u00dferdem gehen [&hellip;]"}