{"version":"1.0","provider_name":"ANGULARarchitects","provider_url":"https:\/\/www.angulararchitects.io\/en\/","author_name":"Manfred Steyer, GDE","author_url":"https:\/\/www.angulararchitects.io\/en\/blog\/author\/manfred-steyer\/","title":"Upgrading with Web Components: From AngularJS to Angular - ANGULARarchitects","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"jeuV1ok3WV\"><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/upgrading-with-web-components-from-angularjs-to-angular\/\">Upgrading with Web Components: From AngularJS to Angular<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.angulararchitects.io\/en\/blog\/upgrading-with-web-components-from-angularjs-to-angular\/embed\/#?secret=jeuV1ok3WV\" width=\"600\" height=\"338\" title=\"&#8220;Upgrading with Web Components: From AngularJS to Angular&#8221; &#8212; ANGULARarchitects\" data-secret=\"jeuV1ok3WV\" 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\/\/# sourceURL=https:\/\/www.angulararchitects.io\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2018\/09\/upgrading-with-web-components-from-angularjs-to-angular.png","thumbnail_width":1551,"thumbnail_height":776,"description":"Upgrading from AngularJS to Angular can be challenging. Framework-independent Web Components can help here. Fortunately, Angular now allows exposing Web Components and beginning with AngularJS 1.7.3 you can easily consume them. To be more precise, we should use the word Custom Elements instead of Web Components as Web Components is an umbrella term for several [&hellip;]"}