问题标签 [lit-element]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
454 浏览

javascript - 未在页面上隐藏 lit-element 应用程序的表单

我正在处理一个 udemy.com 视频,并且发布了这个问题而没有任何回应,所以我在这里发布,看看我是否可以深入了解我的问题。我正在使用 Lit-element 2.0rc 并致力于构建个人电话簿应用程序。

该项目的范围是我有一个可以在单击添加联系人链接时作为弹出窗口调用的表单。我已经设置了弹出窗口的属性,并且按钮单击正在工作。目前不起作用的是弹出窗口本身,因为我的页面上仍然可以看到表单,我不确定如何让它消失,以便可以通过弹出属性调用表单。我想让某人查看我的代码,并让我知道是否需要更改任何内容,以便表单保持隐藏状态,直到单击按钮将其作为弹出窗口显示这里是我正在使用的代码

再次假设发生的是,可以通过单击添加新联系人链接来调用隐藏的表单,但这并没有发生,因为它本身的表单仍然显示在页面上,并且没有像应有的那样被隐藏。

感谢您提供的任何帮助。

0 投票
2 回答
3668 浏览

javascript - 将模块设置为 ES2017 时出现 tsconfig 错误

按照 LitElement 的文档,我的 tsconfig.json 如下所示:

我看到一个错误说

TS6046:“--module”选项的参数必须是:“none”、“commonjs”、“amd”、“system”、“umd”、“es6”、“es2015”、“esnext”。

0 投票
1 回答
2432 浏览

javascript - 当属性设置为新值时,LitElement 获取更新的属性值

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

LitElement 获取更新的属性

0 投票
2 回答
439 浏览

javascript - 不提供名为“BrowserQRCodeReader”的导出

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

堆栈闪电链接

github链接

0 投票
1 回答
3758 浏览

angular - Polymer LitElement 和 Angular - 从未调用渲染,不显示内容

我想在我的 Angular 应用程序中使用 Polymers LitElement。

为此,我在应用程序test.js的文件夹中创建了一个示例组件 ( ) assets,并将其导入到index.html.

测试.js:

索引.html:

我安装lit-element在 comp-new 目录中,使用npm install --prefix ./ lit-element.

npm install lit-element在项目本身也做了一个,所以 npm 模块肯定是可用的。

但是,当我使用 运行我的 Angular 应用程序ng serve并导航到包含我的测试组件的 URL 时,我在 DOM 中找到了我的组件(使用检查器),但没有显示任何内容。此外,当我将 aconsole.log放入render函数中时,我永远不会在浏览器中看到输出。所以看起来该方法从未真正被调用过。

下面是它在 DOM 中的样子:

在此处输入图像描述

这是我的项目结构:

在此处输入图像描述

0 投票
1 回答
1026 浏览

polymer - 通过 querySelectorAll() 获取节点列表

给定以下示例代码:

选择具有类“名称”的所有节点的适当方法是什么?

我尝试了以下方法,但失败了;一直nodesListundefined

  • 内部constructor
  • 使用:
  • 在自定义函数内部:

我也尝试过:

期待阅读解决方案。

蒂亚

0 投票
1 回答
1161 浏览

polymer - 如何检查影子 DOM 中组件的(初始)渲染状态(而不是更新状态)

在这个问题之后,我想问一下检查影子 DOM 中组件的初始渲染状态(而不是更新状态)的适当方法。有没有类似的document.readyState或者a的promise

我也尝试过:

这也失败了。

蒂亚

0 投票
1 回答
113 浏览

javascript - 让 querySelectorAll 在 lit-element 2.0 元素中工作的问题

我正在使用 lit-element 2.0,但遇到错误代码的问题

未捕获的类型错误:无法读取未定义的属性“querySelectorAll”

这是产生错误的代码

我想要做的是获取表单的所有输入元素并将它们清除,这应该可以工作,但我不明白为什么不能。对 lit-element 和 javascript 来说还是个新手。

任何帮助都会很棒。

0 投票
1 回答
1647 浏览

typescript - 快速状态更新时未调用 LitElement render()

我在更新聚合物页面上的视觉效果时遇到问题。我的元素如下所示:

我有一个运行 1000 次迭代的脚本,它向 redux 发送一个操作以更新存储在network.prediction. 但是,在最后一次状态更改发生后,元素中显示的数字只会更新一次。但是,由于我希望这是一个实时运行的数字,因此我希望记录每个更改。奇怪的是,console.log()每次更改都会执行第二个,但是,render 只调用一次。

数据来自 tfjs 训练过程。每次进行新的迭代时,我都想更新预测:

0 投票
1 回答
40 浏览

lit-element - 当 Attribute 设置为 false 时,该属性是否仍可在元素内观察到?

@lit-element -> 属性 -> 配置属性 -> 配置观察到的属性

它指的是:

默认情况下,LitElement 会为所有声明的属性创建相应的观察属性。

要防止为属性创建观察到的属性,请将属性设置为 false。该属性不会从标记中的属性初始化,并且属性更改不会影响它。

澄清:

当观察到的属性被阻止时,该属性在元素内仍然是可观察的,不是吗?

蒂亚