Описание тега html5-template

Элемент шаблона HTML - это механизм для хранения содержимого на стороне клиента, которое не должно отображаться при загрузке страницы, но впоследствии может быть создано во время выполнения с использованием JavaScript.
1 ответ

Поделиться стилем через веб-компоненты "одного типа"

Если я правильно понимаю, создание экземпляра веб-компонента можно описать как создание теневого корня и копирование разметки, например, из шаблона в него: var Template = document.querySelector('#myTemplate'); var TemplateClone = document.importNode…
1 ответ

Шаблон тега в HTML: querySelector просто возвращает нулевое значение

Я также делаю веб-сайт для образовательных целей, но у меня возникла ошибка, которую я сам не могу понять. Я написал шаблон как: <div class="row" style="height: 75%;" align="center" id="room-list"> <template id="room-template" class="slide"…
1 ответ

Поведение externalHTML в <шаблоне>

Учитывая это &lt;template&gt;: &lt;template id="my-template"&gt; &lt;h1 id="h"&gt;Hello!&lt;/h1&gt; &lt;/template&gt; И JS: var t = document.querySelector("#my-template"); var h = t.content.querySelector("h1"); h.outerHTML = "&lt;h3&gt;AAAAAAAAAAAAA…
17 мар '16 в 09:50
1 ответ

Импорт HTML не работает... Хотя он поддерживается

Я сейчас немного растерялся... Я пробую спецификацию веб-компонентов с пользовательскими элементами, шаблонами, импортом и т. Д. Но по какой-то причине спецификация импорта просто не будет работать! Похоже, что Chrome не загружает мой импорт в разде…
1 ответ

Javascript не выполняется внутри теневого DOM

Я работаю над приложением, в котором я должен загрузить другие html-страницы на текущую страницу. Другие веб-страницы являются независимыми приложениями. Я пытаюсь загрузить веб-страницу в теневой DOM. Для этого я использовал приведенный ниже код, г…
1 ответ

Как получить доступ к следующему брату пользовательского элемента из класса?

В веб-компонентах у меня есть пользовательский элемент, и я хочу получить доступ к следующему брату. Как я могу это сделать? у меня есть это class DomElement extends HTMLElement { constructor() { super(); let shadowRoot = this.attachShadow({mode: 'o…
19 авг '17 в 13:46
1 ответ

Обмен "Custom Element" без вызова connectedCallback

Я создаю приложение для выборов, которое потребует переключения элементов в списке. У меня есть следующие пользовательские веб-компоненты. Я обрезал нерелевантные функции из класса для краткости. // Position // --------------------------------------…
3 ответа

Как я могу создать веб-компонент, который действует как элемент формы?

Я пытаюсь создать веб-компонент, который будет использоваться в элементе формы специально, который имеет name и value, Я понимаю, что могу создать веб-компонент, который extends HTMLInputElement: &lt;input is="very-extended"&gt; но я пытаюсь создать…
2 ответа

Добавление содержимого в тег шаблона

Я пытаюсь добавить контент в тег шаблона. я использую getcontent("clients.json").then(function(x){ obj = JSON.parse(x); }).then(function(x){ var x = createFullList(obj,docFragment); filtered = obj; return x; }).then(function(x){ template .appendChil…
18 июн '16 в 14:26
2 ответа

Комментарии Disqus не работают в пользовательском элементе из полимера

Я не знаю, как сделать код комментариев disqus для работы внутри моих пользовательских элементов. Структура моего сайта: | index.html -------- \ my-app.html (пользовательский элемент)---------------- \ my-testView1.html (пользовательский элемент)---…
1 ответ

Событие инициализации<template> с Polymer.js

Используя Polymer, я могу использовать &lt;template&gt;-тег вне &lt;polymer-element&gt; с использованием is='auto-binding' приписывать. Как я могу знать в Javascript, однако, что &lt;template&gt; на самом деле был инициализирован. Я пытался прослуши…
06 фев '15 в 15:43
2 ответа

Как получить доступ к пользовательскому элементу из связанного файла JavaScript?

Если бы у меня был такой скрипт &lt;template id="x-foo-from-template"&gt; &lt;script src="/js/main.js"&gt;&lt;/script&gt; &lt;/template&gt; &lt;script&gt; customElements.define('my-header', class extends HTMLElement { constructor() { super(); let sh…
2 ответа

HTML-шаблон (пользовательский) тег

Я понимаю, что использование пользовательских тегов html нецелесообразно по ряду причин, но я хотел, чтобы вы выполнили конкретную ситуацию, в которой может потребоваться собственный тег html, и, надеюсь, вам сообщат иначе или, возможно, лучший спос…
29 фев '12 в 21:17
1 ответ

Откройте файл HTML внутри другого HTML (то есть шаблон)

У меня есть баннер HTML с кучей кнопок (то есть дома, о,... и т. Д.), Которые я хотел бы установить в качестве шаблона. На моих уникальных страницах (скажем, на домашней странице) я хотел бы "импортировать" этот шаблон HTML-файл. Как мне это написат…
06 окт '16 в 03:41
0 ответов

Шаблон целевой страницы для google assistant / приложений alexa

Есть ли хорошие сайты, которые предлагают шаблоны приложений для целевых страниц для навыков Google Assistant(Dialogflow)/ Alexa?
1 ответ

createElement в пользовательском элементе разбивает шаблон

Я создаю два пользовательских элемента, оба добавляются в index.html по ссылке rel="import". Один - это контейнер со слотами, а другой - что-то, чтобы поместить число в слоты. Оба элемента имеют HTML-файл с шаблоном и ссылку на файл js, который опре…
0 ответов

Как использовать пользовательскую директиву angularjs в шаблоне html5

Я создал шаблон html5 и пользовательскую директиву angularjs. Я хочу использовать эту директиву в шаблоне h5. Но директива не работает. Мой код такой, HTML: &lt;template id="templateId"&gt; &lt;section class="col-sm-6"&gt; &lt;div style='display: ta…
22 май '17 в 03:22
3 ответа

Как штамповать шаблон в автономных пользовательских элементах с помощью vanilla js?

У меня есть пользовательский компонент, который просто показывает карту Таро. Перед пользовательским элементом я определил шаблон.В подключенном обратном вызове моего wc я прикрепил сам шаблон к корню теней, а затем удалил его, клонировав его там же…
1 ответ

Возврат содержимого тега шаблона в виде строки

Мне было интересно, есть ли способ получить содержимое элементов внутри тега шаблона и вернуть его в виде строки? На данный момент кажется, что он возвращает что-то вроде [object document fragment] но хочу только HTML-контент внутри. function Create…
1 ответ

Импорт отдельных HTML-ресурсов из внешнего файла

Допустим, у меня есть HTML-страница (assets.html), на которой есть несколько пользовательских элементов, таких как кнопки. Кнопки состоят из HTML / CSS и изображения. Можно ли импортировать "assets.html" и "захватить" кнопку и клонировать / скопиров…