问题标签 [lit-html]

两天前，我更新了我网站的代码https://danipani.github.io/，索引文件（index.html）已经改变，但是其他文件像https://danipani.github.io/node_modules/@ bit/danipani.projects.global.button-3d/index.js不更新。我试图删除存储库但没有运气，一切都像以前一样。

这是我的存储库：

• https://github.com/DaniPani/danipani.github.io
• 这是未捆绑的源代码：https ://github.com/DaniPani/danipani.github.io-not-bundled

对于像我这样因各种原因不想使用自定义元素的疯狂人，有没有办法访问与 templateResult 相关的 DOM？

我尝试在渲染之前修改 templateResult 的内容，但没有成功……我还研究了 templateFactory，但似乎它是为渲染到容器的最终（父）templateResult 而设计的，而不是嵌套的 templateResults。

例如，我怎样才能从它的 id 自动在 componentA 的顶部元素上设置一个 id？

在 lit-html 1.0.0-rc.2 中，我有以下模板，它不能正常工作。所以，我想我做错了什么。或者这只是 lit-html 中的一个错误？

它由以下 Web 组件填充/控制：

请注意，Web 组件尝试在第一次渲染时设置各种输入的值。此后，它尝试使用 setInterval 再次设置它们。setInterval 仅用于显示 Web 组件如何尝试更新模板。

在选择的情况下，不能以编程方式设置选项。对于其他每个输入元素，一旦在 UI 中选择，就无法以编程方式更新。

我目前正在学习如何使用 lit-element v2.0.0-rc.2 我有两个组件 app.js 和 list-items.js。在 app.js 中，我从本地存储中收集数据并将其存储在 this.todoList 中，然后在我的 list-items.js 中调用 this.todoList 但我遇到的问题是它没有将数据作为数组传递但作为一个对象，我试图在列表项中输出这些数据，当我执行 this.todoList 的 console.log 时，我得到的都是我的 [object]

我想'over'在使用由“dragEnter”和“dragLeave”触发的 lit-html 模板创建的元素上添加和删除我的类：

在我的旧系统中，我通过事件发射器在单独的模块中调用这些方法，但我希望我可以使用 lit-html 在模板中定义它们。

是否可以使用 LIT-HTML 从任何外部源（数据库、文件等）（如页面上的“某些文本”）作为纯 HTML 重新生成值？我试图通过将此值分配给这样的变量来做到这一点：

但它不起作用。我仍然在页面上看到文本而不是 HTML 标记 (div, a)

当属性设置为新值时，我希望属性应该更新。所以我所做的是调用，element.requestUpdate()以便我可以获得更新的属性，但 requestUpdate 是异步的。有没有其他方法可以在不调用 requestUpdate 的情况下获取更新的属性？Stackblitz URL => https://stackblitz.com/edit/typescript-nojnqa

LitElement 获取更新的属性

我正在使用 zxing-js/library 库进行二维码阅读。我面临一个奇怪的问题。二维码扫描的代码在 stackblitz 在线示例代码中有效，但在我的本地环境中无效。我在运行时在本地环境中收到此错误。编译成功进行。

堆栈闪电链接

github链接

因此，我正在尝试将图表构建为 Web 组件，但在映射数组时遇到了一些麻烦。错误说： this.values.map 不是函数

这是代码：

我从 html 传递值

我看不出我做错了什么

这可以作为 Web 应用程序（在 chrome 浏览器中）正常工作。我正在使用lit-html和聚合物来创建 Web 组件。

src/components/helloWorld.js

src/index.html

然而，试图在 Electron 中实现这一点失败了。具体错误是：

加载模块脚本失败：服务器以非 JavaScript MIME 类型“”响应。根据 HTML 规范对模块脚本强制执行严格的 MIME 类型检查。

因此，我将错误解释为指向此问题：

我很困惑为什么当它们都使用铬时它会作为一个网络应用程序而不是在电子中工作。我研究了这个主题，发现了一些堆栈溢出问题，但无法完全理解答案。

这是我读到的似乎相关的内容：Electron ES6 module import