Публикации по теме 'angular-elements'


Преобразуйте свое приложение в Angular Element!
Элементы Angular — это компоненты Angular, упакованные как настраиваемые элементы (также известные как веб-компоненты). Веб-стандарт для определения нового HTML-элемента независимо от фреймворка. — Угловые документы Говоря о веб-компонентах , существует набор API-интерфейсов веб-платформы, которые позволяют нам создавать новые настраиваемые, повторно используемые и инкапсулированные теги HTML, которые можно встраивать в любые веб-страницы или платформы, работающие на JavaScript...

Вопросы по теме 'angular-elements'

Использование веб-компонентов Angular 6
У меня следующая проблема. У меня есть приложение, созданное с использованием Angular 6 с системой маршрутизации. Я хочу создать веб-компонент, который будет содержать это приложение и иметь возможность использовать его как часть другого...
1736 просмотров

Веб-компонент Angular не работает должным образом
Я создал простой проект Angular 6, потому что хочу создать веб-компонент. ( URL-адрес GitHub ). Вы можете клонировать репо с помощью git clone https://github.com/CSantosM/angular-elements-demo.git . Я следил за этим руководством и я успешно...
1663 просмотров
schedule 10.03.2023

Угловые элементы: зависимость от материала
Я создаю элемент Angular для использования в других проектах. Элемент представляет собой компонент, содержащий компоненты Angular Material в своем шаблоне, поэтому в конечном итоге мой элемент требует, чтобы страница ‹связывала› файл CSS темы...
2470 просмотров

Содержать стиль моего веб-компонента Angular, чтобы он не сливался с компонентом, для которого он используется.
Мы создали новый веб-компонент, используя Angular v6. Теперь проблема в том, что когда я использую компонент в пустом приложении, он работает безупречно, но когда я использую его в существующем приложении, он полностью нарушает css. Причина, по...
544 просмотров
schedule 28.02.2023

Как обслуживать приложение угловых элементов в режиме просмотра?
Я успешно создал приложение Angular Elements, следуя этому замечательному руководству . Процесс «обслуживания» состоит из: Создайте приложение и объедините его в один файл js ng build --prod --output-hashing=none && cat...
170 просмотров
schedule 26.06.2023

Матовый диалог не отображается должным образом при использовании в пользовательских элементах
Я пытаюсь использовать mat-dialog в моем пользовательском элементе angular. Я отлично работаю в приложении angular, но не могу связать тему материала при создании пользовательского элемента. Когда я проверяю код вне приложения angular, ни к одному...
894 просмотров

Конструктор компонента вызывается дважды с элементами Angular
Я работаю над формой построителя рекурсивных запросов, которая чем-то похожа на это , в angular 7 , с реактивной формой . Это означает, что пользователь может продолжать добавлять параллельное правило, нажимая Add rule , и может добавлять группу,...
3699 просмотров
schedule 05.08.2023

Почему угловые элементы поглощают ошибку?
У меня есть простейший угловой элемент в угловом проекте. Я выдаю ошибку в компоненте, принадлежащем угловому элементу, следующим образом: панель инструментов -tile.component.ts пользователь как <dashboard-tile a="100" b="50"...
756 просмотров
schedule 13.09.2022

Я не могу получить правильные элементы
Я нажимаю кнопку сортировки, получаю все цены, и мне нужно убедиться, что элементы были правильно отсортированы по ценам. Поэтому мне нужно получить значение цены = "377", значение цены = "1288", значение цены = "1688" и т. д., но я не могу получить...
63 просмотров

Настройка прослушивателя событий для экспортированного веб-компонента Angular Elements
РЕДАКТИРОВАТЬ: это веб-компонент, экспортированный из Angular с использованием Angular Elements, и не является традиционным Angular Я экспериментирую с Angular Elements и создал компонент NgFor, который загружает файл JSON ниже. [ {...
635 просмотров

Исходные карты для угловых элементов, скомпилированные при размещении в отдельном приложении
У нас есть проект, в котором мы создаем на основе элементов Angular элементы, которые впоследствии получают виджеты рендеринга в отдельном хост-веб-приложении. По сути, это хост-приложение динамически отображает веб-компоненты, содержащиеся в...
215 просмотров
schedule 24.08.2022

Как защитить Spring Cloud Gateway с помощью Keycloak MultiTenancy?
Я пытаюсь защитить свой Spring Cloud Gateway с помощью Keycloak с несколькими арендаторами. Я начал с следующих руководств: https://www.baeldung.com/spring-boot-keycloak...
1133 просмотров
schedule 02.07.2022

Используйте селекторы CSS, такие как: first-child внутри shadow dom
Есть ли способ использовать селекторы CSS, такие как: first-child,: not (: last-child) внутри теневого дома? Пример такой CustomElement.html <div id="parent-div> <slot></slot> </div> App.html <div>...
906 просмотров