Описание тега angular-elements

Angular Elements компилирует компоненты Angular в веб-компоненты, не зависящие от фреймворка.
1 ответ

Предотвращение перезаписи CSS из веб-компонентов на родительской странице

Я создал веб-компонент, используя Angular Elements (6.0.3). Когда я использую веб-компонент на другом веб-сайте, веб-компонент перезаписывает стили родительской страницы, поскольку он также использует Bootstrap. Я знаю, что существует принцип инкапс…
29 июн '18 в 14:59
3 ответа

Использование нескольких угловых элементов в качестве веб-компонентов в угловом проекте

Учитывая три проекта @angular, все используют v6.1.9: host, alpha, а также beta alpha а также beta создайте и определите веб-компонент, каждый из которых использует @ angular / elements как таковой: constructor(private injector: Injector) {} ngDoBoo…
23 окт '18 в 10:51
0 ответов

Как можно вызвать угловые 6 методов веб-компонента?

Я создал веб-компонент с Angular 6 (угловые элементы). Как я могу получить доступ к методам веб-компонента? Например, если у меня есть следующий веб-компонент: <my-component></my-component> И я хочу вызвать конкретный метод, как sayHello…
16 июл '18 в 10:25
3 ответа

Переменная Angular 6 не разрешена в Google Chrome (веб-компонент)

Используя Angular 6, я создал веб-компонент, интегрированный из другого приложения. Все работает во всех браузерах при работе без интеграции. Когда веб-компонент интегрирован в другое приложение, он работает в IE, Safari, FF, но не в Chrome. Мне уда…
13 июл '18 в 08:51
1 ответ

Использование угловых элементов внутри углового приложения

Я хотел бы использовать угловые элементы для виджетов здесь. Я прошел пример angular.io, а также angular-aio-src Я что-то здесь упускаю. Вот демо. Я получаю эту ошибку: Component ContentNotAvalilableComponent is not part of any NgModule or the modul…
11 дек '18 в 07:37
1 ответ

Отменить регистрацию пользовательского элемента

Можно ли отменить регистрацию пользовательского элемента, который был создан createCustomElement? Мы используем веб-компоненты, чтобы обернуть вертикальные элементы, все "части" функции загружаются перед добавлением веб-компонента в DOM. Что нам дей…
13 дек '18 в 08:03
0 ответов

Как расширить HTMLButtonElement, используя @angular/elements

Попытка скомпилировать компонент, используя @angular/elements, Кажется NgElement всегда расширяется HTMLElement, Но я хотел бы расширить HTMLButtonElement вместо. Смотрел на createCustomElement"s strategyFactory вариант, но не вижу, где я могу настр…
24 дек '18 в 09:33
1 ответ

Вывод угловых элементов не работает в IE11

Я пытаюсь заставить Angular Elements работать в IE11. Мой пользовательский элемент (простая кнопка) уже отображается, и привязка ввода работает должным образом, а привязка вывода - нет. Нажатие на мою кнопку пользовательского элемента в IE 11 привод…
1 ответ

Где объявить HTMLElementTagNameMap, чтобы получить наборы для угловых элементов?

Я хотел бы получить точные данные для моих угловых элементов, но где я могу разместить HTMLElementTagNameMap-интерфейс, так что это правильно распознается? Приведение типа на каждое вхождение работает: const newCustomElement = document.createElement…
05 фев '19 в 10:36
1 ответ

Как изображения могут быть использованы в угловом элементе

Я создаю угловой элемент, который должен быть встроен в несколько внешних сайтов. Процесс встраивания будет просто ссылкой на скомпилированный скрипт и элементом DOM, представляющим элемент: <html> <head> <script src="element.js">&…
0 ответов

Ошибка углового элемента, когда компонент используется внутри углового приложения и как пользовательский элемент вне угла

Я пытаюсь совместить мой угловой компонент так, чтобы он работал как в угловых, так и в не угловых условиях. Я добавил свои элементы в качестве экспорта и добавил их в пользовательский список элементов и список компонентов ввода, чтобы они были эксп…
0 ответов

Использование угловых элементов для построения микроуслуг

Я использовал Angular Elements для создания микросервисов, и когда каждый микросервис является полностью изолированным микроприложением, все работает правильно. <script src="bundle-a.js"></script> <script src="bundle-b.js"></scr…
29 ноя '18 в 15:16
0 ответов

Необнаруженные изменения в пользовательском веб-элементе Angular 7, использующем ngrx

Мы создаем модуль Angular (начиная с 6, обновлен до 7), который упакован как Angular Element (пользовательский веб-элемент). Модуль использует ngrx для сохранения состояния и отслеживания изменений. При запуске в качестве автономного приложения все …
28 окт '18 в 15:58
1 ответ

Как обслуживать приложение угловых элементов в режиме часов?

Я успешно создал приложение Angular Elements, следуя этому замечательному руководству. Процесс "подачи" состоит из: Создайте приложение и объедините его в один файл js ng build --prod --output-hashing=none && cat dist/tamigo-calendar/{runtim…
19 ноя '18 в 09:00
0 ответов

DOMException: не удалось выполнить 'define' для 'CustomElementRegistry': "cfheader" не является допустимым именем пользовательского элемента

Я получаю эту ошибку, когда пытаюсь использовать модуль, в котором есть пользовательские компоненты, использующие angular-element, Я пытаюсь использовать этот модуль в моем приложении как CoreModule.forRoot(), Он имеет экспортированные компоненты, и…
20 июн '18 в 20:31
4 ответа

Как скомпилировать угловой элемент в веб-компонент с Webpack или угловым CLI?

Я создал простой Web-компонент через Angular, используя учебник Pascal Precht, который вы можете увидеть ЗДЕСЬ. Он автоматически волшебно компилируется в Stackblitz в ссылке, но не локально. Моя конечная цель состоит в том, чтобы локально получить к…
31 май '18 в 15:06
0 ответов

Какая технология позволяет встраивать твиты во внешние веб-сайты и блоги?

Это веб-компоненты? И позволяют ли Angular Elements аналогичное использование компонентов?
24 авг '18 в 01:46
0 ответов

Элемент Angular 6 Custom внутри InnerHtml продолжает перезагружаться

Я успешно написал приложение Angular 6, которое отлично работает. Он загружает некоторый контент с удаленного сервера, который содержит некоторый HTML-код. Этот код отображается, например, внутри DIV-элемента, например: another.component.html <di…
20 авг '18 в 07:18
0 ответов

Следует ли использовать угловые элементы в качестве компонентов многократного использования в нескольких угловых приложениях?

Нам нужно повторно использовать компоненты в разных репозиториях. Одно из решений, которое у нас есть, - предоставить эти компоненты в виде пакетов npm. Мы рассматриваем возможность перехода на Angular Elements и задаемся вопросом, является ли это п…
1 ответ

В одну сторону от источника данных для просмотра привязки целевых данных для @angular/elements

У меня есть проект, созданный с помощью @angular/ cli v7.0.3. Я поместил небольшое демо-приложение здесь: https://github.com/collinstevens/web-component-sender Я добавил @angular/ elements и полифилл @ webcomponents / webcomponentsjs. У меня есть ба…
26 окт '18 в 13:30