Описание тега lit-element
Простой базовый класс для создания пользовательских элементов с помощью lit-html.
1
ответ
Как правильно взаимодействовать с внутренними компонентами в shadowDom, используя lit-element?
Я пытаюсь использовать бумажный диалог в моем пользовательском компоненте. Я хочу иметь возможность открыть диалоговое окно снаружи компонента. Каков наилучший способ сделать это? (все примеры работают непосредственно над компонентом) Также диалог т…
09 ноя '18 в 19:42
1
ответ
Почему входные данные внутри пользовательских элементов не отправляются вместе с формой?
Я играю с LitElement, пытаюсь сделать несколько простых пользовательских элементов. Это мой app.js: class MyInput extends LitElement { static get properties() { return { name: { type: String, reflect: true }, innerVal: { type: String } } } construct…
26 янв '19 в 19:09
2
ответа
Shadow Root getElementsByClassName
Я использую LitElement для создания пользовательских веб-компонентов. Я довольно новичок в этом и решил попробовать сделать слайдшоу изображений. Я использовал слайд-шоу W3Schools в качестве справочного материала, изменяя его для работы в качестве L…
24 ноя '18 в 17:46
3
ответа
Как встроить HTML-код в шаблон в Polymer3 (например, unsafeHTML)
пожалуйста, проверьте поршень static get template() { return html` <p>This content is from ChildClass.</p> <p>${super.template}</p> <p>Hello again from ChildClass.</p> <p style='color:red'>[[partHtml]] <…
10 авг '18 в 05:57
4
ответа
Используйте свойства или слот для передачи данных в дочерний элемент
У меня вопрос о том, как лучше всего передать какое-то значение из родительского компонента в дочерний компонент и показать его, потому что я пытался передать значение с помощью свойств и слота, и оба способа работают. Свойства: у меня есть список д…
15 ноя '18 в 10:47
0
ответов
Угловой веб-элемент нельзя использовать без странных обходных путей в PWA
Мне был предоставлен пользовательский веб-элемент, созданный с использованием Angular 6 для использования в проекте, над которым я работаю. Он поставляется с простой HTML-страницей, показывающей работающий элемент: <custom-component></custo…
18 авг '18 в 13:39
0
ответов
Открыть новую страницу на сервере NodeJS с помощью Javascript и добавить что-нибудь еще?
Я кодирую веб-приложение, и теперь я хочу открыть новое окно, используя JS и вставив некоторый код в новое окно. Это код, который я уже пробовал, но безуспешно: var win = window.open("TimeTableView.html", "_blank"); var pTag = win.document.createEle…
03 ноя '18 в 16:06
1
ответ
Как сделать пользовательскую таблицу в пользовательском элементе?
Я работаю над пользовательским элементом с lit-element. Я хочу сделать свой собственный элемент таблицы, но есть некоторые проблемы. Первый. Казалось, браузер позволяет tr , td теги только для table , <!-- in html --> <my-table> <tr&g…
31 окт '18 в 12:42
0
ответов
Головная боль заставляет работать приложение Polymer 3
Я буквально просто пытаюсь заставить работать простое приложение Polymer 3 с lit-element. Из кода VS я запустил полимерную подачу, и когда я перехожу на localhost:8081 к моему index.html, я получаю ошибку в инструментах F12: Uncaught TypeError: Не у…
26 авг '18 в 06:24
3
ответа
Как наблюдать изменения свойств с LitElement
Я не знаю, как наблюдать изменения свойств в LitElement. Я пробовал эти методы, но я не мог заставить их работать: static get properties() { return { temp1:String, temp2: { type:String, observer: '_temp2Changed' } }; temp1Changed(newValue, oldValue)…
18 май '18 в 09:41
0
ответов
Как правильно добавить полимерные элементы 3.0 в набор pwa-starter-kit?
Полимерный элемент 3.0 (напр.:paper-card и paper-button) не отображается правильно после вставки в одно из представлений pwa-starter-kit (например, my-view2.js). Вставленный элемент выглядит перекрывающим макет APP, как бумажная карточка на этом рис…
05 янв '19 в 16:59
1
ответ
Лит-элемент - не могу получить идентификатор предмета от объекта
Я изучаю lit-element и столкнулся с небольшой проблемой. Я пытаюсь настроить возможность удаления Предмета из моего списка, но я не могу получить идентификатор моего Предмета, который встречается как неопределенный, когда я тестирую его с помощью ко…
21 янв '19 в 20:27
3
ответа
Как передать функцию обратного вызова в элемент из React?
Я пытаюсь использовать компонент lit-element в своем проекте React, и я бы хотел передать функцию обратного вызова компоненту lit-element из React, но безуспешно. Я пробовал несколько разных способов, таких как изменение типа свойства и передача фун…
25 янв '19 в 20:20
0
ответов
Мнения об эффективности / надежности наблюдателя мутаций для автоматизации динамического импорта
У нас есть новый проект на основе Lit-элементов, и мы думаем об автоматизации некоторых вещей, таких как динамический импорт. Мы уже сделали это, реализовав две основные части: скрипт-наблюдатель проверяет изменения (при локальном обслуживании) комп…
06 фев '19 в 13:44
1
ответ
Как прослушать измененный скрытый атрибут
Как правильно выслушать изменение скрытого атрибута в освещенном элементе? например, такой элемент: <my-element ?hidden="${this.activeTab != 1}"></my-element> Я пытался определить updated(changedProperties) но это не вызывает изменения с…
19 фев '19 в 17:36
2
ответа
Ошибка tsconfig при установке модуля на ES2017
Следующая документация для LitElement мой tsconfig.json выглядит так: { "compilerOptions": { "target": "ES2017", "module": "ES2017", "moduleResolution": "node", "experimentalDecorators": true }, "include": [ "src/*" ] } Я вижу сообщение об ошибке TS…
21 фев '19 в 07:40
1
ответ
Проблема с получением querySelectorAll для работы в элементе lit-element 2.0
Я работаю с lit-element 2.0, и у меня возникла проблема, когда я получаю код ошибки Uncaught TypeError: Невозможно прочитать свойство 'querySelectorAll' из неопределенного это код, который генерирует ошибку console.log(this._root.querySelectorAll("i…
26 фев '19 в 21:13
0
ответов
Полимерный рендер не вызывается при быстрых обновлениях
У меня проблема с обновлением визуальных элементов на полимерной странице. Мой элемент выглядит следующим образом: import { html, LitElement, property } from 'lit-element'; import { connect } from 'pwa-helpers/connect-mixin.js'; // These are the sha…
01 мар '19 в 14:07
1
ответ
Импорт CSS-URL из SASS с помощью Webpack
Я работаю с веб-компонентами (особенно с lit-element) и хочу поделиться общей таблицей стилей для нескольких различных компонентов. Я пытаюсь добиться получения URL скомпилированного файла CSS, когда я импортирую его в свой JS-компонент, чтобы я мог…
12 фев '19 в 10:44
1
ответ
Получение списка узлов с помощью querySelectorAll()
Учитывая следующий пример кода: import { LitElement, html, css } from 'lit-element'; class ItemsDisplay extends LitElement { static get styles() {...} static get properties {...} constructor () { super(); ... } render { return html` ${this.items.map…
25 фев '19 в 15:25