问题标签 [lit-element]

在Lit-Element 自述文件中，为什么事件处理程序示例需要变量替换：

即-我不明白表达式的哪一部分需要“替换”-为什么不能对事件处理程序进行硬编码，而无需将其包装在动态替换中？

如何使用具有 Object-type 属性的 Lit-element？我认为定义 myelement 有效：

html，这也有效：

但我无法让 setAttribute 工作：

编辑：谢谢你，你的回答帮助我解决了我的问题。如果有人想知道，这是完整的工作示例。但是，还有一件事我无法工作：如果值是对象（对象作为字符串处理），我不知道如何以声明方式为属性赋予初始值。

索引.html：

主.js：

我的-e.js：

我无法让 Font Awesome 图标与 LitElement 一起使用，因为 CSS 样式不会穿透自定义元素的阴影边界。

是否可以在 LitElement 中使用 Font Awesome 或其他图标？

我不知道如何观察 LitElement 中的属性变化。

我一直在尝试这些方法，但我无法让这些工作：

聚合物 BTW 的新手。我正在运行聚合物 1 应用程序。想知道我是否可以在 Polymer 1 中使用 Polymer lit-elements？

尝试实现：Ask 是将我公司的另一个团队用 JavaScript 编写的另一个模块嵌入到我的 polymer1 应用程序中。有没有更好的方法来做到这一点？

我正在尝试在我的应用程序中使用 MDC 组件作为材料设计组件。我在 Polymer (LitElement) 中有一个自定义元素：

我已经从 @material/tabs 导入了创建组件所需的所有类，它实际上工作得很好，但样式不适用：

在dist文件夹中，我们有一个mdc.tabs.css包含组件所有 css 的 css 文件。我做了测试，将所有文件内容复制到样式标签中，它正确应用了所有样式，但我认为这应该是一种更好的方法……我的问题是如何将 css 文件导入我的 web 组件？

Polymer 3 和 LitElement 看起来对未来基于组件的开发非常有吸引力，我期待在我的项目中使用它们。

但这里的绊脚石之一是具有大量现成元素的旧 Polymer 代码库似乎与 LitElement 和即将推出的 Material Web 组件不完全兼容。

例如，如果任何父元素是使用 LitElement 基础实现的，则纸质对话框中的iron-overlay-behavior无法提供焦点陷印。我知道这个问题可能主要是由iron-ovelay-behavior实现引起的，但主要问题保持不变。

这是否意味着如果您想在您的项目中采用 LitElement，您必须从头开始实现自己的对话框组件，并且可能还有许多以前可用作纸质元素的其他元素？

我有一个简单的例子来展示我所看到的：https ://stackblitz.com/edit/lit-element-example-3pdnwk?file=index.js 。

基本上，当第一个子元素呈现时，text属性设置正确。然而，在第二次渲染时，text属性是undefined第一个，然后更新为正确的值。

这打破了能够依赖于_firstRendered()将正确的值分配给属性的能力。

我真的在这里做点什么吗？

更新：这是使用lit-html 文档中提供的类似方法的更好示例：https ://stackblitz.com/edit/lit-element-issue?file=index.js

我有一个对象如下。现在，当我更改属性并调用 requestRender 时，它不会触发。据我所见，未检测到属性更改。我怎样才能做到这一点？

当我尝试在本地执行 Polymer 元素时，我使用的是 Polymer 3，而我的 HTML 结构是 HTML5。

counter-comp 标记已添加到我的 html 文件中。

shady-render.ts:46 Uncaught TypeError: result.getTemplateElement is not a function at result (shady-render.ts:46) at render (shady-render.ts:130) at HTMLElement._applyRender (lit-element.ts: 232) 在 HTMLElement._propertiesChanged (lit-element.ts:183) 在 HTMLElement._flushProperties (properties-changed.js?module:335) 在 HTMLElement._flushProperties (lit-element.ts:194) 在 HTMLElement.ready (properties- changed.js?module:179) 在 HTMLElement.ready (lit-element.ts:107) 在 HTMLElement._enableProperties (properties-changed.js?module:315) 在 HTMLElement.connectedCallback (properties-mixin.js?module:200 )

我收到上述错误，请检查并帮助解决此问题。

谢谢