问题标签 [stenciljs]

我正在使用 Stencil JS 创建自定义 Web 组件。有一次，我遇到了为创建的自定义 Web 组件生成文档的要求。我尝试过生成的文档很少，例如 typedoc 和 docsify。Typedoc 似乎是一个不错的选择，但它会生成静态网站。在我的要求中，我更喜欢让用户动态更改代码的值并在使用之前对其进行预览。为此，我找到了 CodeMirror。有没有办法将 CodeMirror 与 TypeDoc 集成，让用户编辑实时代码并查看 Web 组件中的更改。

如果有任何其他插件或生成器可以完成这项工作，请提出建议。

谢谢

我想构建两个组件，一个用于表格，一个用于每一行。

表的编码如下所示：

行的编码如下所示：

呈现的 html 如下所示：

问题是，表的结构不正确。我明白为什么它会这样渲染。但我只是不知道如何正确呈现表格，因此 table-tag 将 tr-tags 作为子元素。构建两个组件的正确方法是什么，一个用于表，一个用于行？

非常感谢！

我的目标是在分发包中提供一个 css 文件，如果需要，消费者可以使用它。

为此，我想创建一种全局 scss 文件，但我想避免这种样式附加到每个组件 + 它也不会被组件直接使用。因此，为此我想my-style.scss在文件夹中的某处创建文件/src。

编译这个文件my-style.css并将其复制到dist文件夹的最佳方法是什么？

我想知道 Angular 6 是否可以实现以下功能（请注意，我使用术语“子系统”的地方类似于 Angular 的“应用程序”）

目的是创建一个统一的视图，否则单独的子系统网站。我之前能够在普通的旧 Javascript/HTML 和 PHP 中做类似的事情：

我想构建一个网站“框架”，作为一个或多个子系统站点的父网站（每个子系统站点独立于其余站点运行）。每个子系统站点通过框架在启动时使用的配置文件提供代表不同网页的菜单项列表。

从开发和源代码控制的角度来看，我希望框架项目与子系统项目完全分离。这允许不同的团队自主地处理子系统；只要每个团队在运行时都遵循框架的期望，那么他们应该单独在该框架内工作或与其他子系统一起工作。

另一种源代码控制方法是将框架冗余复制到每个子系统项目中，但我仍然希望能够在生产中部署时组合子系统站点。

我意识到 Angular 6 在一个项目中增加了对多个应用程序的支持——在这种情况下，这些应用程序可以代表子系统站点之一。但我想避免将所有子系统合并到一个项目中。

Angular 6可以做到这一点吗？有什么建议可以解决这个问题，或者有没有人尝试过这个可以分享他们的战争故事和技巧？

编辑：这个链接是我见过的最接近的问题，似乎相关，但也没有答案——点击这里

EDIT2：这些看起来都非常有希望并且接近帮助我实现我的目标： Single-SPA和Stencil

我正在尝试创建导航组件。我需要在导航链接上添加一些属性/自定义属性。我可以添加其中的一些，如下所示。

• 网址="/"
• anchorClass="菜单活动"
• 锚点=“菜单”
• 锚标签索引="2"
• anchorTitle="菜单标题"

我还需要在链接上添加一些属性，但我无法在链接上添加这些属性，如下所示。

• 咏叹调-haspopup =“真”
• id="消费者"
• 咏叹调-posinset="1"
• 咏叹调-setsize =“2”
• aria-label="主菜单"

我正在尝试<stencil-route-link>按如下方式添加属性。

请帮忙。

我有一个问题，如何将现有元素添加到 shadow dom。我有元素/组件列表，主要是插槽中的元素，我希望将它们放在组件的影子 dom 中。我还需要复制所有绑定是否可能？感谢帮助。

我正在 JEST 中为 Stencil-Js 项目编写单元测试用例。我的组件中有几个鼠标和键盘事件，如下所示。

• 点击按钮打开下拉列表
• 使用 Specbar 键，打开下拉列表
• 使用向上/向下箭头键，浏览列表
• 单击/输入时选择下拉列表项的值

我不知道，我们是否可以编写事件的测试用例。

请指导。

我一直在尝试实现嵌套路由/组件。有人可以向我解释如何嵌套路由/组件。模板路线文档没有太大帮助。说在我的组件中，左侧有一个 sidenav，stencil-route-link右侧有几个，我应该显示路由组件。

I'm thinking about using StencilsJS for creating a complete login/registration form. Including features like Google and Facebook logins.

What I'm trying to achieve is to have web component which can be configurable (CSS and authentication settings) and that can be imported in any web project to be used.

Is it possible with StencilJS to create such web components with that many functionalities? Is that a good idea or not?

我在其他组件中使用 1 个模板组件

我想通过单击 my-form 组件中的表单提交按钮来验证 my-input 组件内的输入框。

它是如何实现的？