html-imports

1熱度

1回答

如果我正確地理解它，創建Web組件的實例可以歸結爲創建陰影根並複製標記，從模板到它： var Template = document.querySelector('#myTemplate'); var TemplateClone = document.importNode(Template.content,true); TargetElement.appendChild(TemplateClo

1熱度

1回答

是否可以解析TypeScript的HTML導入文件

我正在使用自定義元素。其中很多（特別是像Polymer這樣的庫）使用HTML導入來加載組件。大多數元素涉及到一些CSS，一些HTML和一些腳本，這些可以單獨.css和.js/.ts，經常與串嵌入HTML（或反應，和/ Preact .tsx文件）。有使用HTML進口更優雅的解決方案： <link rel="import" href="my-component.html"> 然後在my-co

1熱度

1回答

Web組件（香草，無聚合物）：如何加載<template>的內容？

我是新的Web組件。我檢查了一些例子，但我真的不知道如何加載（在DOM中插入）一個單獨的Web組件的內容。從this例子開始，我把一個文件中的代碼名爲my-element.html： <template id="my-element"> <p>Yes, it works!</p> </template> <script> document.registerElement('

1熱度

1回答

爲什麼importNode在一切正常的時候不會執行？

我想使用HTML進口，所以我創建了兩個文件。文件1： <!DOCTYPE html> <html> <head> <style> div { height: 300px; width: 300px; background-color: yellow; } </style> </head> <body>

2熱度

2回答

得到錯誤link.import是在Firefox空

1熱度

1回答

HTML導入加載命令的怪癖？

嘿！我很難理解HTML導入的特定行爲。我只是在進口內交換一行並獲得完全不同的輸出。因此，這裏是我得到了什麼？的index.html <!DOCTYPE html> <html> <head> <link rel="import" href="./element-a.html"> <link rel="import" href="./element-b.html">

3熱度

1回答

使用Polymer.Base.importHref

聚合物錯誤「具有該名稱的類型已經註冊」我有一個由其他組件引用的聚合物組件。喜歡的東西：在index.html <link rel="import" href="lib/polymer/polymer.html"> <link rel="import" href="component-one.html"> ... <component-one></component-one> 在co

0熱度

1回答

將輸入附加到導入的DOM元素後，它變爲禁用

我的問題是當我嘗試附加輸入框時，它變爲非活動狀態。我的意思是我不能放任何東西。我使用HTML導入和我追加投入導入的元素 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!DOCTYPE html> <html lang="en" x

2熱度

1回答

createElement自定義元素中斷模板

我正在創建兩個自定義元素，兩者都使用鏈接rel =「import」添加到index.html。一個是帶有插槽的容器，另一個是將數字放入插槽的東西。兩個元素都有一個帶有模板的HTML文件和一個指向js文件的鏈接，將它們定義爲自定義元素。要自定義元素類聲明鏈接到HTML模板，我使用： class PuzzlePiece extends HTMLElement{ constructor(){

4熱度

1回答

導入節點未添加爲異步到DOM

我記得讀書的地方，如果script標籤使用appendChild加入DOM它沒有阻止和行爲就好像它有async屬性。今天，我讀this article，它有下面的代碼片段： var link = document.createElement('link'); link.rel = 'import'; link.href = 'file.html'; //link.setAttribute('