问题标签 [lit]

我有点亮的 html 元素

我将使用 get 请求设置它们的内部 html

如何设置它们？

给定一个数字x，最好的说法是给我x一个给定字符串、对象等的数字，然后将它们全部放入一个数组中。

理想情况下，他们可以访问他们的索引，仅此而已。

我知道我可以创建一个数组并在 for 循环中推送到该数组（使用i < x;），但我希望它更干净、更原生，请。

这种语法：

如果没有这样的方法，其他人使用什么，有人可以要求javascript发明它吗？

我通常会执行一个 for 循环并推送到一个数组，但我记得[0,1,2,3,4]从之前的数字创建一个数组，然后从那个数字开始.map，糟糕的时代！

谢谢

我正在使用 Lit Elements 开发自定义音频播放器 Web 组件，并且在用户与其交互并触发 OnChange 事件后，搜索栏停止移动。

搜索功能工作正常并且可以正确地前进和倒带音频，但范围滑块在触发第一个 OnChange 事件后停止自动更新旋钮位置。

如果从未触发 OnChange 事件，则滑块按预期执行。

输入元素代码：

搜索功能：

我需要创建一个组件，其唯一目的是在影子 DOM 中附加一些 CSS。

在 render() 方法中返回 childNodes 是否合法，如下所示：

我不能使用插槽，因为我无法设置嵌套元素的样式。可以这样吗？

虽然 lit 提供了一些处理 css 的方法，但是我有一些现有的 css 文件我想在某些组件中使用，我该怎么办？

我已阅读此页面https://lit.dev/docs/components/styles/但现在对现有的 css 文件很有帮助。

我正在使用这样的东西将 sass 文件中的样式导入到 lit 组件中：

在构建应用程序时，样式已正确注入到 js 代码中，但 component_styles.sass 额外捆绑到了 styles.css 中。

更糟糕的是，来自 component_styles.sass 的样式被开发服务器加载为全局样式。所以本地组件的样式会影响开发中组件周围的 DOM。这违背了组件开发的目的。

有没有办法避免这种情况？在 vite 的 github 上有一个关于这个的讨论（但到目前为止还没有解决方案）

参考这个文件，

https://lit.dev/docs/api/styles/#adoptStyles

我无法弄清楚使用它的方法。

所以我想在我的发光组件中有一个加载指示器，直到它加载。这是 HTML：

这是打字稿代码：

目前，它附加了登录按钮。我希望它取代加载指示器。有推荐的方法吗？

我一直在将一个网站从 Polymer 重构为 Lit，而且我已经完成了相当多的工作，但我被样式难住了。为了在我专注于我一直在做的功能的同时保持开发的简单性：

然后每个元素都继承它并能够使用：

这可以合理地让 Masonry 和 Bootstrap 正确地设置页面样式，并解决一些打包/宽度问题。在我承诺解决这些问题之前，我已经注意到这似乎不是“正确的做事方式，是否有使用 Masonry 和 Bootstrap 的正确方法或我应该使用的替代方法？

我正在玩自定义网络元素。目前，当我使用 NPM 时，我遇到了用角度显示自定义元素的问题。结果我没有任何错误，只有白屏。

当我手动尝试 customElement 时，它工作正常。只需将 TS 代码放在 Angular 项目 self 中，它就可以正常工作了。（当我使用 LitElement 框架尝试它时，我得到了相同的体验）。

有人可以帮助我并告诉我我缺少什么吗？

我使用一个空的角度项目进行测试。

向模块添加了 CUSTOM_ELEMENTS_SCHEMA。使用元素 ( ) 向文件添加了导入 import '@kireapp/viewer-test/src/hello-world-element';在模板文件中添加了自定义标签 ()

NPM 项目（基于网站https://www.thisdot.co/blog/how-to-setup-a-typescript-project-using-rollup-js）：

./src/hello-world-element.ts

汇总配置

tsconfig

npm 在 Angular 项目中发布我使用 npm install @kireapp/viewer-test

当我将类更改为在 hello-world-element.ts 中导出并结合模板字符串使用 import {object} 时，结果是相同的。