\n\n```\n\nИтоговый ответ: Angular Elements работают там, где есть Custom Elements (или polyfill). Перед продом сверяйте матрицу браузеров продукта и размер бандла виджета, а не только «поддерживает ли Chrome». Отдельно проверьте мобильный Safari в вашей минимальной версии iOS."}}}
Angular Elements опираются на стандарт Custom Elements v1 (и связанные Web Components API). Современные Chrome, Edge, Firefox, Safari поддерживают custom elements нативно.
Нюансы, о которых говорят на практике:
Safari исторически отставал по отдельным краевым случаям Web Components; сегодня базовая регистрация customElements.define доступна, но проверяйте целевые версии;
для очень старых браузеров нужен polyfill (@webcomponents/custom-elements и иногда shady DOM/CSS) — актуальность зависит от browserslist проекта;
ES modules / bundle size: хост-страница должна загрузить ваш JS; IE11 в современных Angular уже не в фокусе;
атрибуты vs properties: булевы и объектные inputs требуют аккуратного API (property binding со стороны хоста надёжнее, чем только attributes).
<!-- хост без Angular --><scriptsrc="widget.js"type="module"></script><my-widgetuser-id="42"></my-widget>
Итоговый ответ: Angular Elements работают там, где есть Custom Elements (или polyfill). Перед продом сверяйте матрицу браузеров продукта и размер бандла виджета, а не только «поддерживает ли Chrome». Отдельно проверьте мобильный Safari в вашей минимальной версии iOS.
Какова поддержка браузерами Angular Elements? · Sobeso
