问题标签 [lit]

在我的 Angular 应用程序（Angular v12 或最新版本）中，我使用了一个自定义的 Web 组件库。

其中之一是带有插槽的模态（类似于：https ://www.npmjs.com/package/@obsidiansoft/native-modal ）

（抱歉，我无权链接代码。）

我试图在我的模态中显示一个角度组件，但是在检查模态 DOM 时，我有类似的东西：

Angular 不会在模态中呈现“app-my-custom-component”的 html。

当内容是纯 HTML 时，模式可以正常工作：

在浏览器中正确呈现。

这种用法可能吗？我需要什么 Angular 配置？

我正在建立一个倒计时，除非向构造函数添加超时，否则没有 HTML 属性（计数、宽度、颜色、颜色、显示）值：

JS：

HTML：

如何处理？谢谢

当 lit 组件扩展 mixin 时，组件中的样式会覆盖 mixin 中的样式。

例子：

我的组件.js

视图-mixin.js

该组件将使用 color=blue 进行渲染，但背景不会是红色。如何在为每个视图添加特定的 :host 样式的同时将 background-color=red 添加到所有视图？

我正在使用 Lit2.0、Material Web components、Django（后端）。

一个参考：https ://www.thinktecture.com/en/web-components/flaws/

我不明白如何将表单数据从 Lit 组件提交到后端（Django）

form.html包含 Lit 组件（基本形式）

basic-form是一个 Lit 组件，它包含 Material Web 组件

有人可以引导我走向正确的方向。

我正在使用 Vaadin 14.7.5，所以 vaadin-grid 5.9.0。

包含单个vaadin-grid元素的单个vaadin-grid-tree-toggle元素位于 Lit 元素内。

这是一个例子projects：

我希望这能正常工作。ArrayDataProviderMixin#_arrayDataProvider应items作为数据提供者处理。网格呈现良好，预期的根行折叠和展开。但是当我点击展开时，会抛出一个错误：

我尝试过模板化一个vaadin-grid-column元素，但发生了同样的错误：

我正在尝试将 Vaadin 6 应用程序（使用复杂的对话框窗口）重写为 Vaadin Fusion 22。初始化对话框时出现问题。例如在 DatePicker 中设置 i18n。TestView.datePicker 在 firstUpdated() 上初始化，但 TestDateDialog.datePicker 始终未定义或为空。

测试视图.ts

测试日期dialog.ts

打开对话框后如何做一些初始化工作（使用异步后端调用），不仅使用@property，还使用@query 组件？

我在 JS / TS / Lit 方面经验很少，也许我做错了什么。

我正在尝试创建一个使用Deno捆绑使用Lit的浏览器应用程序的简单概念验证。基本功能（例如，初始组件渲染）是功能性的，但我无法获得简单的 DOM 操作来触发反应性属性更改。

在这个Lit Playground 示例中可以看到我的简单示例。一个不起作用的例子是这个Deno 捆绑包版本。这 2 个版本具有完全相同的源代码（即index.html和main.ts）。

您可以在此处查看创建 Deno 包的所有代码和构建过程。

Deno 是否能够生成以预期方式运行的捆绑包？

来自Lit 文档：“组件不应更改其自己的公共属性，除非响应用户输入。”

同样来自文档：“内部反应状态就像公共反应属性一样工作，除了没有与属性关联的属性。”

但是，当您声明一个属性时，有一个设置为 的选项attribute，false它可以防止属性与该属性关联。

这样做的目的是什么？在那一点上，财产不会像内部状态一样吗？

作为参考，Lit 已经有几种声明内部状态变量的方法，无论是使用@state装饰器还是将state选项设置为true，所以我只是不确定他们为什么也允许这样做。

我已经简化了我遇到的 lit 问题。我的组件的某些状态保存在一个对象中。我希望能够通过一些精细的控制来检测子属性的变化并做出反应。这是示例：

当 shouldUpdate 触发时，组件对子属性值的评估已经更新。所以我无法比较changedProperties.get("data")?.weather它this.data.weather是否已经改变。

[更新] 根据 michaPau 的建议，我研究了该hasChanged方法 - 不幸的是，当触发更改时，这也会返回相同的 oldVal 和 newVal 值。

有谁知道新方法或修复？如果我将该状态对象拆分为两个单独的状态变量，它会按预期工作，但对象和属性在保持代码可读性方面效果要好得多。在我看来，将超过 4 或 5 个属性传递到组件中开始变得混乱。

根据 Vaadin 提供的文档和演示，路由参数应该绑定到 location.params。提供的示例使用聚合物，当我使用 LitElement 时，location.params 未定义。除了使用 JavaScript 和 Lit 来解析 url 以提取使用的 url :parameter 之外，还有什么技巧吗？