问题标签 [html-templates]

我在一家拥有大量 webcomponents 目录的大公司使用 Polymer 1 和 2 工作了大约一年，我相信 webcomponents 会非常有用。我知道像https://adamsilver.io/articles/the-problem-with-web-components/这样的“缺点想法” 。

现在我正在深入研究如何有效地使用 vanilla webcomponents。我刚开始的前提是使用 vanilla web-components 将有助于与 webcomponents 改进保持一致（我不能为这样的想法辩护——我现在只是假设这一点）。然后我正在尝试创建一个堆栈来使用 vanilla webcomponents。

搜索推荐的测试方法我到达了https://open-wc.org/testing并且我认为它旨在促进良好实践而不添加特定框架（来自其网站：“开放 Web 组件是一项社区努力，独立于任何框架或公司”）。这正是我正在寻找的：一种良好的实践和众所周知的推荐，类似于我们从 micorservice.io 获得的微服务（这只是一个类比）。

尝试使用 package.json 中的脚手架：

所以，我的主要问题是：为什么 lit-html 用于 web 组件？

围绕我的主要问题的有用疑问，据我所知，lit-html 是由谷歌和聚合物团队赞助的框架。这不是以某种方式迫使我使用 polifylls 在所有浏览器中运行吗？假设我不关心浏览器不符合 web 组件，我为什么需要一个框架？

例如，我在标题键中有一个字符串为 Sebamed Baby Wash Extra Soft 400Ml，我想将其反转为“Sebamed ybab Wash artxE Soft lM004”。如何反转它是否有任何像反转字符串的角管。我在模板的卡片中提到过作为反向标题来显示反向字符串。

我有多个输入字段，需要几乎相同的验证。有什么方法可以减少显示错误的重复 HTML 代码。

我的代码如下

除了输入字段和强制 div 标记外，所有其他验证器 html 代码都针对每个输入字段重复。有没有办法可以在指令中返回错误消息模板。而不仅仅是空

我知道这已经被问了大约 20 次了。不知何故，我无法得到任何旧答案的组合来工作...

我只想在我的文本中有换行符......

我已经尝试过使用管道、p 标签、br 标签甚至直接 CSS 组合的战利品。没有一个实际上添加了换行符。

这有点工作，但只有第一个“文本”实际上是在<p>标签内

请帮帮我..非常感谢

顺便提一句 "pug": "2.0.4"

我按照MDN上的说明使用<template>. 与示例中给出的略有不同，我的代码是：

但是，似乎item, 其中__proto__isDocumentFragment没有getElementsByName方法。现在有getElementByIdand对我来说是不是很困惑querySelector。

有什么理由吗？

如果相关，我的浏览器是 FireFox Quantum 69.0.1，Chrome Canary 79.0.3918.0。

我有一个小表单，当用户单击一个元素时，我想在表单中显示更多字段。这个动作可以做多次。所以我的想法是有一个单独的 html 文件，其中包含要附加到表单的这些字段，所以我得到了这个

新字段已正确附加。

我的第一个问题是：这是加载外部 html 的最佳方法吗？（我没有“文本/模板”脚本标签）

或者我应该创建一个新组件并将其附加到 maim 表单中？

如果是这样，我如何追加新的？

还阅读了有关ngTemplateOutlet但没有弄清楚如何适用于我的案例的信息。我对此感到很困惑

第二。虽然我的新字段正在显示点击事件，但它们并没有触发我的功能。

例子：

谢谢

我正在尝试使用 Javascript 文字设置选定的选项。

我目前正在执行以下操作，但是是否有更简洁的方法来执行此操作，因为我的列表会随着时间而改变？

我正在尝试在我的 Handlebars 模板中动态创建 HTML 元素，特别是：

或者我希望能够选择现有元素并向它们添加“已检查”类。这是一个星级显示，如果一本书的评级为 5，那么我希望 5 个跨度中的 5 个具有选中的类并适当地设置样式。

到目前为止，我已经尝试使用 jQuery 来定位 span 元素并添加一个类，即。$('#star-1').addClass('checked');但是在搜索该元素时我得到一个空值。

我还尝试使用 for 循环将子元素附加到父 div，但我遇到了类似的问题，无法找到并选择父容器。我得到的最接近如下所示，在 for 循环中返回单个 span 元素或返回 5 个不带类的 span 元素。任何帮助，将不胜感激。

在我的 template.html 文件中：

然后在我的 app.js 文件中：

最后，将一段上下文 JSON 数据传递给 Handlebars 模板：

以下代码因控制台错误而失败Uncaught TypeError: node.setAttribute is not a function。如何更改从模板创建的节点的属性？

这是views.py中的代码

这是模板

我使用 /admin 界面上传了图像，当我在 django shell 中访问图像 url 时，我得到了一个实际的 url（它在浏览器中打开到图像），但是当我尝试在模板中访问它时，我得到了上述错误, 问题似乎与product.image.url, 不知何故 django 似乎没有得到正确的类实例。这是回溯：