问题标签 [html-templates]

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 回答
365 浏览

javascript - Set HTML template tag content without JavaScript selectors

Let's say we have the following HTML template:

Now I like to render a list with multiple items based on that template. I know that we can just clone the template and use selectors on it as on a regular DOM.

But is there also an alternative way to clone, etc... but with data, so that we can set the content without using selectors, but variables?

Something like the following, we just declare the variable ID before adding the template?

I know it is possible with template literals, but I am just curious if this also works in any way with theses handy template tags?

Is it at all possible to set data in a temple tag without using selectors on it?

0 投票
1 回答
400 浏览

javascript - 具有 ASP.net 核心和 JS 支持的 HTML 模板引擎

是否有任何 HTML 模板引擎,它可以在服务器端使用 ASP.net 核心并在客户端/浏览器上使用 JS 运行,并产生具有一定程度一致性的相同 HTML 输出?

好处将是在客户端或服务器端呈现的灵活性。

0 投票
3 回答
267 浏览

angular - 来自 html-template 的 Angular 应用程序在模板 js 上获取 TypeError

尝试使用这个 html 模板创建一个 angular(11) 应用程序。https://bootstrapmade.com/flexstart-bootstrap-startup-template/

但是在模板的 js 文件中出现此错误。

错误 像这样添加了css和js。

index.html,与模板 index.html 相同

和 js,在angular.json

main.js代码

main.js #29

main.js-#113 主.js #317

0 投票
1 回答
95 浏览

html - 使用带有golang的HTML模板,如何在HTML中打印给定数据的索引?

我正在做功课,我需要使用 go 做一个 Html 模板,我给它一个 go 获取的数据,如果可能的话,我想在 html 中打印第一个索引(用于测试它可能是稍后的其他索引)数据(数据全部由 . 在 html 中调用。Artists 有一个组列表,我只想打印第一个但 {{.Artists[0]}} 正在使我的 html 崩溃)我找不到其他方法在互联网 expept 'range' 上,但我无法获得我想要的索引值,我只需要打印每个名称的索引:

我从网上尝试了什么。我尝试了 $Artists$0 和其他没有成功的东西,我知道我可以使用 go 表单,但我想在 html 中尝试它。在此先感谢您的帮助 :)

编辑:(去没有问题。艺术家打印所有组,但我现在只想打印一个特定的)

0 投票
0 回答
31 浏览

django - 如何使用循环从 Django 中的 html 模板请求

从 html 模板中说“createlist”,我想将实际请求服务器的链接添加到“createlist”页面中以获取更多图像表单对象。但是当我运行代码时,它实际上只发生了一次,但我希望最多 5 次应该被接受。所以在这里我可以如何在 html 模板中使用循环,以便它一次又一次地获取请求,直到限制说 5。这是模板代码 -

视图函数

url 模式路径函数 -

path("createlist/<str:morepic>", views.morepic, name="createlist")

现在如何添加请求“morepicform”的功能?

0 投票
1 回答
615 浏览

netsuite - 从子记录(或超链接)获取数据以在 netsuite 高级 html pdf 中打印

我是 netsuite 的新手,正在为发票组创建一个 html 模板。该组有多个发票作为行,您可以单击它们并导航到具有更多数据的实际发票。

我想打印发票组详细信息并显示一些仅在实际发票级别中可用的数据。

发票组下发票截图

我可以访问组中的发票编号,record.invoice_details.invoicenum但我想获取此发票下的数据,record.item.item_display如果我在发票屏幕中可以访问这些数据。因此,我正在寻找类似record.invoice_details.invoicenum.item_display从发票组开始并一直到发票项目的方法。

任何帮助在这里表示赞赏。如果您需要更多信息,请告诉我。

提前致谢。

0 投票
1 回答
30 浏览

html - Html 模板标签搞砸了车把标签

这是我的带有“现代”网络组件模板的 html :

Ans 这是我在浏览器(Chrome 和 Firefox)中得到的:

很明显,车把卷曲标签被吊到顶部。模板不应该保持内部数据完整以供将来渲染吗?那么我们是否只有使用<script type="shame-on-html">而不是直观的选择<template>

(请忽略这一行:浏览器何时会更多地支持动态网页内容,以及 React 的统治何时结束?)

0 投票
1 回答
132 浏览

javascript - HTML 模板 Shadow DOM 未在 Handlebars 模板中呈现

我有一个带有 HTML 模板的Handlebars.js模板,用于在内部创建声明性影子 DOM(由于实际情况较大,因此需要):

由于某些奇怪的原因,它不会在最新的 Chrome (v91) 或 Firefox (v89) 中使用 jQuery(v3.5.x 或最新的 3.6.x)呈现:

这是一个测试 JS bin:https ://jsbin.com/bocenoqovi/edit?html,js,output

Chrome DevTools 控制台显示以下消息,但我不确定如何解决此问题:

0 投票
0 回答
35 浏览

html - 根据值将图标传递给html表格

我正在获取 json 数据并从中创建一个表。一列是关于优先级的,我想用图标替换获取的数字。我已经看到一些解决方案后来用 jquery 更改了 html,但这对我来说似乎不合适。相反,我想在创建表格时设置图标。

下面的相关代码片段:

行模板:

在渲染中:

在行模板中:

我要集成的 Atlassian-Icons 的格式如下:

我很乐意提供任何帮助:D

0 投票
0 回答
17 浏览

dependencies - 从 html 模板中删除 10000 个未使用的文件?

我是一个新手,并使用来自 themeforest的这个HTML 模板构建了一个站点。该站点现已完成,想知道是否有人可以向我指出一个解决方案,该解决方案可以消除大量未使用的文件膨胀。请帮忙,谢谢!