Вопросы по теме 'native-web-component'
перемещение элемента из легкой DOM в ShadowDOM без отключения
Интересно, на правильном ли я здесь пути?
Цель: убедиться, что все элементы попадают в shadowDOM.
Итак, созданный вручную файл HTML
<cardts-pile>
<cardts-card>A</cardts-card>...
699 просмотров
schedule
02.12.2021
Как ссылаться на метод в родительском компоненте из дочернего компонента с веб-компонентами vanilla JS? (Не какой-либо фреймворк или библиотека)
Вопрос в том, как вызвать метод из дочернего компонента? Пример: Предположим, у меня есть компонент формы входа в систему, расположенный в родительском компоненте. Поэтому мне нужно отображать эту форму, когда я нажимаю кнопку входа в систему....
345 просмотров
schedule
09.10.2021
Element.shadowRoot в firefox
Как мы можем обойти Element.shadowRoot в Firefox, если он еще не доступен?
Об Element.shadowRoot https://developer.mozilla.org/en-US/docs/Web/API/Element/shadowRoot
55 просмотров
schedule
13.06.2022
Разрешить веб-компоненту textarea принимать внутренний текст
Я создаю веб-компонент, который использует элемент <textarea> , но я не могу понять, как заставить его принимать внутренний текст, такой как собственный элемент <textarea> .
<body>
<textarea>this works</textarea>...
172 просмотров
schedule
11.07.2022
расширять веб-компоненты пользовательских элементов v1
У меня есть собственный веб-компонент <app-list> , который я пытаюсь расширить до <calcs-list> .
// app-list.html
<script>
window.customElements.define('app-list',
class AppList extends HTMLElement {...
710 просмотров
schedule
28.11.2022
создание веб-компонента vanilla js с отдельными файлами html и js
Создавая ванильные веб-компоненты JS, я пытаюсь найти способ сохранить html шаблона вне файла JS, желательно в отдельном файле HTML.
Я изучал несколько реализаций встроенных реализаций веб-компонентов JS, в частности здесь , single file и здесь...
1569 просмотров
schedule
13.05.2023
настраиваемый элемент формы веб-компонента для проверки ограничений
Только некоторые элементы HTMLElements поддерживают API проверки ограничений (например, HTMLButtonElement). Я хочу создать собственный веб-компонент, который также поддерживает API проверки ограничений.
Ниже приводится пример желаемого результата:...
641 просмотров
schedule
03.03.2023
LitElement не устанавливает textContent для собственного веб-компонента
Я создал собственный веб-компонент под названием <expanding-textarea> , который расширяет функциональность <textarea> . Я могу установить текстовое содержимое компонента, например <expanding-textarea>content goes...
288 просмотров
schedule
16.07.2023
Импорт содержимого CSS и HTML в Typescript для веб-компонента
У меня есть веб-компонент, и я могу использовать его в своем файле main.ts, который является точкой входа в мое приложение.
main.ts :
import './Components/List/ListComponent'
console.log("Main");
ListComponent.ts
export class...
982 просмотров
schedule
16.06.2023
Веб-компонент Angular, созданный с помощью Angular Elements, переопределяет корневой каталог приложения Angular Shell Project
В настоящее время я пробую Angular Elements для создания веб-компонентов. Я создал веб-компонент, который работает на html-странице:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">...
125 просмотров
schedule
02.06.2024