问题标签 [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 回答
275 浏览

html - 以 HTML 格式存储 HTML 模板

我需要存储 HTML 模板以将它们用于 Mustache 渲染。

这里是使用:

第一个模板有效,但第二个模板无效。好吧,问题是 a<TR>不是 a 的有效孩子<SPAN>,所以浏览器会删除它们。如何存储随机模板?

0 投票
5 回答
35099 浏览

html - 如何将参数传递给html?

我有一个使用文件选择器的脚本,但我需要传递一个特定的参数,该参数被调用userId并作为全局变量保存在调用脚本中。由于调用是异步的,我似乎无法访问此参数。有没有办法从html文件访问参数或将此参数传递给html?

我可能正在混合模板化 html非模板化.

这是调用代码(通过电子表格中的菜单项启动):

这是 html 选择器文件:

这是选择器代码:

0 投票
1 回答
68 浏览

javascript - 模板(具有插槽行为)和影子 DOM 可以用于非自定义元素吗?

鉴于 Web Components 分别定义了自定义元素、模板和影子 DOM,模板(包括插槽行为)是否可以用于非自定义元素,例如动态创建的元素可重用的自定义元素?一次性元素可以改变它们的影子 DOM 吗?

0 投票
3 回答
1482 浏览

javascript - 如何使用 jquery/javascript 在 html 模板中分隔页眉页脚和侧边栏

我有一个包含页眉、页脚和侧边栏的模板;我想将它们分成单独的文件并将它们包含在主模板中。include()以前我使用的是 PHP,通过or函数很容易做到这一点required(),但是由于我使用的是 node.js 而不是 PHP,所以我不知道该怎么做。

0 投票
1 回答
95 浏览

html - 包括 html 模板,ng-include 不起作用

我正在使用 angularJS 进行个人项目。我在线下载了这个 html 模板,当我测试该模板时,它运行良好。问题是,当我尝试使用 ng-include 将模板中的页面包含到我的项目中时,没有任何反应,没有错误,但也没有显示任何内容,只是一个空白页面。基本上我的项目结构如下:

  • src > app > template > index.html(这是模板主页的位置)。

  • src > app > components > home > home.component.html(我项目的主页)

基本上我想在 home.component.html 中包含 index.html,但是 ng-include 不起作用:/

这是我在 home.component.html 中的代码:

非常感谢您 :)

0 投票
1 回答
637 浏览

javascript - Meteor Blaze 访问 Template.onCreated 内的 Template.contentBlock

我正在编写一个带有孩子的自定义 Blaze 块助手:

我的预期用例是有一个带有任意子节点的模板,我在 html 文件中定义。

到目前为止没有问题。但是,在父模板的onCreated/autorun我想访问child模板。我想使用这些数据在父模板元素中动态创建,基于

模板中将在哪里children使用,parent如下所示:

我不想要的是访问 contentBlock 的内容(the <p>),而是获取已添加child模板的列表。

当前的 Template / Blaze API 有可能吗?在这一点上,文档有点薄。

它基本上与这篇文章相反:How to get the parent template instance (of the current template)


编辑 1:使用父视图的渲染功能(仅部分工作)

我找到了一种方法来获取parent模板的孩子,但不是他们的data反应:

我发现的另一种方法是使用 sharedReactiveVar但在我看来两者都不够干净。我只想获取父级js代码中的模板实例列表。


编辑 2:使用共享的 ReactiveVar(仅部分工作)

ReactiveVar只要在两个模板的范围内,就可以使用共享:

工作(但只渲染一次,没有反应):

不工作(子自动运行正在设置值,但未呈现新值):

0 投票
0 回答
34 浏览

javascript - 具有单独模板文件的客户端 js 模板引擎

客户端最好的模板引擎是什么?

我在寻找什么?

  1. 模板引擎必须有 API 才能从服务器加载模板文件

  2. 支持纯 HTML(我不想要 JADE 或类似的东西)

  3. 用 ES5 编写

  4. 是轻量级的(不需要像 jQuery 这样的依赖项)

  5. 支持if-elseforfor-in

我已经使用 EJS,它很好,但我还没有发现它有时效果不好。我发现了很多这样的堆栈跟踪

error [Unhandled error] in [/resources/js/ejs.min.js]

我不想要 Angular、React、Vue 等任何框架。

0 投票
1 回答
687 浏览

angular - Angular 4 使用 [(ngModel)] 捕获 n 行的切换开关(开/关)值

我有一个切换开关(开/关)按钮,我在桌子的每一行都保留了它。我想捕获每一行按钮的开关,这样我就可以根据开/关的结果进行过滤。有没有可能,如果是,那么如何。我从基于自定义的客户端提供程序切换,它为我提供了选项,例如

0 投票
2 回答
275 浏览

angular - *ngFor 为 Angular 2+ 中的每个项目输出不同的 HTML

我想制作通知栏并将 HTML 模板作为这个:

但是对于不同的通知,应该有不同的message模板,比如:

我可以在组件中制作一个丑陋的方法来打印带有这些 HTML 标签的消息,但是有没有更优雅的方法呢?

丑陋的方法:

0 投票
2 回答
1993 浏览

web-component - 填充多个命名槽的 Web 组件模板

给定以下 html 模板:

怎么可能(如果有的话)使用自定义元素用一个值填充两个插槽?

下面的演示代码将产生:

你好,鲍勃,你的名字是。

这是故意的吗?这是在模板的多个位置显示单个值的错误方式吗?