web-component 相关问题

优先考虑开槽样式而不是全局样式

假设我有一个应用程序，默认情况下段落为红色，但我想使用自定义元素（我们称之为）将某些段落样式设置为蓝色和粗体。在下面的片段中...

Angular WebComponent 实例被创建多次

我使用 angularElements createElement 创建了一个 Web 组件。我在不同角度的应用程序中使用这个网络组件。 每当用户移动到具有 WebComponent 实例的视图时...

通过 ElementInternals 与表单控件关联的自定义标签元素？

我正在编写一个名为 fancy-input 的自定义输入元素，它可以通过 FormInternals API 参与表单。特别是，ElementInternals.labels 属性为我提供了标签 el 的列表...

如何以编程方式创建一个槽并将 HTMLElement 插入其中？

我想在不使用 HTML 的情况下创建一个槽并将一个元素插入其中。我尝试了以下方法和一些变体，但没有运气。我做错了什么？为什么 slot.assignedNodes() 返回一个 e...

如何使模板对属性属性的更改做出反应？

考虑这个非常基本的计算器（在这里尝试一下）： 从 'lit' 导入 {html, css, LitElement}; 从 'lit/decorators.js' 导入 {customElement, property}； @customElement('简单计算') 出口类

Material Design Color Utilities 使用 Material Web 组件生成意想不到的颜色

我正在开发一个项目，其中使用 Material Design Color Utilities 包来创建基于原色的动态颜色主题。但是，我注意到生成的颜色不是......

Polymer：从组件外部观察更改的属性

我有聚合物网络组件。 我现在的问题是，在组件之外，我对数据绑定场景使用淘汰赛。现在我想创建自己的 Knockout 绑定类型，它可以使用twoWay-Bin...

独立应用程序材料日期选择器无法在其他应用程序中工作

尝试在其他应用程序中使用无区域角度自定义元素的角度材料日期选择器时出现提供程序错误。 遇到找不到提供者的错误。 @成分（{ 选择...

独立的角度应用程序材料日期选择器无法在其他应用程序中工作

尝试在其他应用程序中使用无区域角度自定义元素的角度材料日期选择器时出现提供程序错误。 遇到找不到提供者的错误。 @成分（{ 选择...

react：调度和监听自定义事件

我想将 Web 组件集成到我的 React 应用程序中。它们定义了一组自定义事件，封闭的 React 应用程序必须监听这些事件。 根据反应文档： 由网络发出的事件

如何使用属性作为 <input> 的值？

我希望将反应性属性“绑定”到 元素的值。我可以使用各种方法来实现这一点，例如使用 @change(...)，但我想知道是否还有更多

在 Angular 6 中扩展原生 HTML 元素

我最近创建了一个本机 Web 组件，它在所有浏览器中运行良好。我将此 Web 组件移至 Angular 6 应用程序中，一切都按预期工作。然后我尝试延长...

如何在Nuxt 3项目中渲染Lit元素组件？

将 Lit 元素集成到 Nuxt 项目中时遇到困难，特别是在服务器端渲染 (SSR) 方面。当站点呈现给客户端时，我的 Lit 组件可以正确呈现...

getComputedStyle() 不返回任何内容，但 getComputedStyle().getPropertyValue() 按预期返回

我试图将一个元素从 light DOM 移动到 Shadow DOM，但是当我这样做时，样式并没有复制过来。我尝试通过设置 newElement.style = window.getCompulatedStyle(e...

我们可以在常规非 Blazor HTML 页面中将 Blazor 组件用作 Web 组件吗？

我们能否将 Blazor 组件渲染为独立的 DOM 片段，或者以其他方式将其用作普通 HTML/JS 页面中的标准 Web 组件？ 这可能是 Blazor 提出的一个天真的问题

将 Web 组件槽传递给父级

我正在尝试返回带有lit的Web组件，但我在插槽方面遇到了麻烦。我制作了一个示例按钮，可以在其中将图标添加到标签的开头或结尾，并使用插槽名称，如下所示： &l...

在自定义 Web 组件中使用 Shadow DOM 嵌套表单是否有效？

我有关于自定义 Web 组件的问题。自定义元素例如： 类 CustomButton 扩展 HTMLElement { 连接回调() { this.root = this.attachShadow({mode: "打开...

将 lit 属性限制为预定义字符串

我正在lit中定义一个自定义文本输入组件（即：） 我想要一个名为 type 的自定义属性，默认情况下为“text”，但开发人员可以传入 text |麻木了...

将角度材料添加到基于角度元素的微前端

我有一个 Angular Web 组件，是在 @Angular/elements 的帮助下构建的。 该 Web 组件已经在我的网站上运行了几个月，因此大部分代码、部署和加载都没有问题。 该项目...

Angular > getter 与模板中的方法

例如，避免在模板的 *ngIf 中编写逻辑。 我通常会创建临时方法，例如 公共 isOk(): 布尔...