Angular 6 - какова точная и основная цель функции Angular Elements?

Question

Одна из интересных новых возможностей Angular 6 - это Angular Elements, которая позволяет нам преобразовывать угловые компоненты в собственные веб-компоненты, а также использовать их в качестве веб-компонентов везде, например. используйте их в приложении React или Vue.

Главный вопрос здесь: означает ли это, что мы можем сгенерировать веб-компонент и затем использовать его в совершенно другом приложении, которое не является Angular, не React и не Vue? Другими словами: могу ли я затем сгенерировать собственный веб-компонент с Angular Elements и использовать его в сборке проекта с / на HTML5, собственным JavaScript / jQuery, CSS и т. Д.

Например, если у меня есть Angular App Component, и я хотел бы взять его сгенерированный код (дизайн, функциональность, форматирование стиля и т. Д.) Для использования в другой сборке Project (не Angular Project) с начальной загрузкой, jQuery и т.д., возможно ли это?

Я читал этот вопрос и ответы на него, но, если честно, я не уверен на 100% относительно цели точного и цели функции Angular Elements, так как более или менее вопрос о технической концепции Angular Elements

Также было бы интересно узнать другой момент: а что, если мое угловое приложение использует Angular Material? Будут ли материалы материала также доступны в сгенерированном собственном веб-приложении, чтобы их можно было использовать везде?

Answer 1

Значит ли это, что мы можем сгенерировать веб-компонент и затем использовать его? в совершенно другом приложении, которое не является угловым, не реагирует и не Vue? Другими словами: могу ли я создать собственный веб-компонент с Angular Elements и использовать его в сборке проекта с / на HTML5, родной JavaScript / jQuery, CSS и т. Д.

Чтобы ответить на первый вопрос, да (см. Предостережение ниже), это точное назначение элементов. Я нашел это практическое руководство , в котором объясняется, как сделать простой компонент, сделанный с любовью, который является стандартным компонентом, который вы бы выбрали прямо в Angular.

Большое предостережение из статьи Вывод:

Угловые элементы v6 предназначены для использования внутри приложений Angular.

Angular Elements из v7 будет более автономным и встраиваемым внутри любые внешние приложения.

Существует также отличное видео , показывающее, как использовать Firebase в вашем элементе и использовать его на простом HTML-сайте. Так что, да, я думаю, что ваш угловой материал будет выставлен в экспортируемом элементе.