Вопросы по теме 'custom-element'
Каковы причины НЕ использовать пользовательские теги HTML?
Учитывая текущие спецификации HTML5 , которые позволяют создание пользовательских HTML-элементов (если их имя содержит тире), и тот факт, что веб-компоненты, похоже, останутся функцией, которая останется, я хотел бы знать почему создание...
390 просмотров
schedule
24.08.2023
Polymer 1.0: двусторонние привязки с элементами ввода
Код
Рассмотрим следующий пользовательский элемент Polymer:
<dom-module id="test-element">
<template>
<input type="text" value="{{value}}">
<button>Reset</button>
</template>
<script>...
12236 просмотров
schedule
26.03.2024
высота списка железа не обновляется при изменении высоты контента
У меня есть этот полимерный элемент, в котором показан список элементов. Я заполняю список iron-list . Каждый элемент списка содержит paper-card , который скрывает некоторые другие пользовательские элементы, когда я нажимаю кнопку, отображается...
623 просмотров
schedule
18.06.2023
создать полимерный пользовательский элемент, используя paper-listbox с фильтром
Я хотел бы создать пользовательские элементы в Polymer, используя бумажный список с фильтром (поиск). Начал с кода ниже. однако с этим кодом что-то не так. Нужна помощь в этом
<dom-module id="employee-list">
<template >...
694 просмотров
schedule
14.04.2024
Присоединение события загрузки к тегу объекта не срабатывает с помощью aurelia
У меня есть всплывающее окно, которое вызывается при нажатии кнопки и содержит видео по внешней ссылке.
<object style="width: 696px; height: 360px;;display:block;"
id="educational-info-video-widget"...
624 просмотров
schedule
17.01.2023
Пользовательские методы веб-компонентов
Можно ли определить пользовательские функции для пользовательских элементов?
Что-то типа:
var proto = Object.create(HTMLElement.prototype);
proto.customMethod = function () { ... };
document.registerElement('custom-el', {
prototype: proto...
1917 просмотров
schedule
26.09.2022
Комментарии Disqus не работают в пользовательском полимерном элементе
Я не знаю, как заставить код комментариев disqus работать внутри моих пользовательских элементов.
Структура моего сайта:
| index.html --------\ my-app.html (пользовательский элемент) ----------------\ my-testView1.html (пользовательский...
354 просмотров
schedule
16.11.2022
Почему пользовательские элементы не поддерживают атрибуты как объект?
Я пытаюсь передать атрибут данных в настраиваемый элемент как объект, но при получении внутри метода connectedCallback получаю значение «[объект объекта]» в строковой форме.
Так может ли кто-нибудь помочь мне выяснить, что нужно делать, чтобы...
499 просмотров
schedule
17.07.2023
Веб-компоненты в ванильном JavaScript
Я создал небольшой веб-компонент без каких-либо фреймворков. Это мой index.html :
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<script src="clock.js"...
476 просмотров
schedule
06.06.2024
Стилизация дочернего элемента теневого корня в Shadow DOM
Я пытаюсь стилизовать дочерний элемент теневого корня DOM. Это определяет настраиваемый элемент с именем element-el , который имеет span класс с именем 'x' с буквой x в нем, которую я хочу, для состояния по делу, чтобы быть красным.
class El...
8552 просмотров
schedule
13.04.2024
Класс настраиваемого элемента: this.getAttribute ('data- *') возвращает null
Я скопировал и вставил в код из примера Mozzila https://developer.mozilla.org/en-US/docs/Web/Web_Components/Custom_Elements#Observed_attributes в файлы на моем компьютере, и когда я запускаю его, я получаю ноль при каждом вызове this.getAttribute....
2711 просмотров
schedule
23.05.2023
Дочерний контент внутри настраиваемого элемента не отображается
Диапазон «Дочерний контент» отображается в Light DOM, но на самом деле не отображается на странице (см. Снимок экрана).
Кто-нибудь знает, почему этого не видно? Также я отмечаю, что он, по-видимому, не имеет слота, что было моей попыткой сделать...
308 просмотров
schedule
18.10.2023
Polymer 2.0 и несколько слотов
Я хочу построить DOM-дерево пользовательских элементов Polymer 2.0, но я хочу просто заполнить дочерние элементы (слоты) на основе типа тега каждого дочернего элемента, поэтому, когда я пишу HTML для использования своих пользовательских элементов don...
946 просмотров
schedule
06.11.2022
будут ли пользовательские элементы v1 когда-либо работать в Internet Explorer 11?
похоже, что это не работает.
Обратите внимание, что я имею в виду пользовательские элементы v1, как указано здесь: https://developers.google.com/web/fundamentals/getting-started/primers/customelements
на моем сайте я в консоли javascript вижу...
3408 просмотров
schedule
29.05.2023
Использование тега ‹content› в теневой модели DOM
Я пытаюсь использовать теневую DOM без какой-либо структуры, которая ее абстрагирует, в основном для того, чтобы изучить ее тонкости. Я использую полифиллы webcomponents.js, поэтому он работает в разных браузерах.
Мне удалось создать собственный...
381 просмотров
schedule
18.04.2023
Как я могу динамически изменять форму настраиваемого элемента clr-icon?
В документах по значку четкости показано, что вы можете использовать атрибут формы. чтобы установить форму значков следующим образом:
<clr-icon shape="info-circle" size="16"></clr-icon>
В моем шаблоне angular я использую такой...
1190 просмотров
schedule
26.10.2023
Как я могу провести модульное тестирование настраиваемого элемента
У меня есть класс, расширяющий HTMLElement . Из чтения этой ветки
https://github.com/Microsoft/TypeScript/issues/574#issuecomment-231683089
Я вижу, что не могу создать экземпляр настраиваемого элемента, не получив Illegal constructor ....
1199 просмотров
schedule
30.04.2024
Пользовательские элементы HTML5 ES6, расширяющие HTMLTextAreaElement, приводят к сбою недопустимого конструктора
мне нужно расширить пользовательский элемент из HTMLTextAreaElement для использования в форме и получить значение напрямую. но я всегда получаю сообщение о недопустимом конструкторе
HTML:
<!DOCTYPE html>
<html>
<head>...
2122 просмотров
schedule
10.06.2022
Есть ли способ стилизовать веб-компонент на основе контейнера, в котором он находится?
Я пытаюсь написать несколько веб-компонентов, которые реагируют на тему контейнера, в котором они находятся.
<div dataset-theme='light'>
<my-custom-element></my-custom-element>
</div>
<div dataset-theme='dark'>...
256 просмотров
schedule
01.05.2024
Тип пользовательских элементов ванильного JavaScript: ошибка
Мой вопрос касается расширения HTMLElement для настраиваемого элемента.
class Foo extends HTMLElement { ... }
class Bar extends Foo { ... }
class FooBar extends Bar { ... }
Каждый из них вызывает super () в конструкторе.
Когда я...
64 просмотров
schedule
23.05.2022