问题标签 [html-components]

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 投票
2 回答
790 浏览

web-component - LitElement 中内置的 UI 模板库

我正在寻找使用 LitElement 构建的 UI 组件/模板库。我已经检查过 Aybolit ( https://github.com/web-padawan/aybolit ) 但它的组件数量非常有限。我需要一个像 Carbon 设计系统这样的库,但使用 LitElement 构建。

如果有任何轻量级使用 LitElement 构建并且有大量可用组件的库,请提出建议。

0 投票
1 回答
103 浏览

javascript - 如何使用 Vanilla JS 创建和显示自定义组件 100 次

亲爱的,

我的任务是创建自定义 HTML 组件,显示 100 次,向其添加按钮,这将删除它,并且每个第三个组件都应该是可点击的并在点击时改变颜色。到目前为止,我有这个https://codepen.io/GosiaPtak/pen/abOZmyq

但我无法正确放置 while 循环,因此它会显示 100 次。

你能帮我吗,我从这里学习它:https ://javascript.info/custom-elements

亲切的问候,

0 投票
1 回答
98 浏览

javascript - 如何将 HTML Web 组件与 HTML 文件结合起来?innerHTML = foo("myfile.html")

使用 HTML Web 组件,我知道我可以设置他们的 HTML 代码:

我遇到的问题是我错过了 Emmet Abbreviation 的便利性,如果我要制作很多组件,这会减慢我的速度。

我需要一个将 HTML 文件作为字符串返回的函数,这样我就可以使它等于 innerHTML,如下所示:

如何才能做到这一点?

0 投票
1 回答
125 浏览

button - html.Button 在 Google colaboratory 中不适用于 JupyterDash

我正在尝试创建一个带有按钮的仪表板,以在 google Colab 笔记本中触发破折号中的操作。

我有以下代码,使用 Dash(在 Pycharm 中)运行良好:

我有一个google colab,我在其中使用 JupyterDash 而不是 Dash(如下所示):

当我运行它时,我得到一个带有三个按钮的仪表板,没有错误消息,但单击按钮时它什么也不做。例如,我希望在单击按钮 3 后收到诸如“尚未单击任何按钮”(启动时)或“最近单击按钮 3”之类的消息。

按钮在 JupityerDahs 中不起作用吗?谢谢。

0 投票
1 回答
294 浏览

javascript - 使用 Vanilla JS 的 Ionic Routig

我是 ionic 框架的新手,目前被困在一个需要实现简单导航的项目上。我在 vanilla js 的项目中使用 ionic。

这是我的 HTML 代码:

我在此处呈现的 js 文件中有一个自定义 html 组件。但是,我无法将我的选项卡按钮与该新组件连接起来。

我无法解决这个问题。我应该如何在两个屏幕之间导航?

0 投票
1 回答
752 浏览

angular - Visual Studio Code 中的 HTML 组件中的 Angular 10“找不到...的定义”

我在 VSCode 中使用 angular 10,直到今天一切正常。突然,我无法通过 F12 从 HTML 组件转到定义,右键单击 - 转到定义或 Ctrl+单击。

转到定义仅适用于打字稿组件,除了“没有找到...的定义”之外,我没有收到任何错误

我尝试过更新 VS Code,重新安装 VS Code 并重新安装扩展:John Papa 的 Angular Essentials Angular Language Service Angular Snippets

此外,我在所有项目(其中两个)上都遇到了相同的行为。

谢谢!

0 投票
1 回答
30 浏览

javascript - Aframe 未注册组件

我是一名老师,他的班级正在使用 Aframe 创建 VR 网站。我的一个学生遇到了一个问题,他无法通过导航将用户带到不同的页面。

他在 JS 中使用的代码是:

此代码是作为示例给出的,与我设法制作的工作代码完全相同。脚本已导入,组件已添加到实体中。

当我在检查员视图中查看他的网站时,它显示该实体没有附加任何组件,尽管该组件已在实体上注册,如上所示。

没有附加组件的“主地图”实体

如果选择添加组件按钮,则可以找到并添加已注册的组件,然后使其工作。我尝试过的任何方法似乎都无法解决问题,因此我们将不胜感激任何帮助。

另请注意,我们使用 Replit 作为在线 IDE,因为它有助于课堂项目,尚不知道这是否会导致问题。