问题标签 [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.
html - 以 HTML 格式存储 HTML 模板
我需要存储 HTML 模板以将它们用于 Mustache 渲染。
这里是使用:
第一个模板有效,但第二个模板无效。好吧,问题是 a<TR>
不是 a 的有效孩子<SPAN>
,所以浏览器会删除它们。如何存储随机模板?
javascript - 模板(具有插槽行为)和影子 DOM 可以用于非自定义元素吗?
鉴于 Web Components 分别定义了自定义元素、模板和影子 DOM,模板(包括插槽行为)是否可以用于非自定义元素,例如动态创建的元素可重用的自定义元素?一次性元素可以改变它们的影子 DOM 吗?
javascript - 如何使用 jquery/javascript 在 html 模板中分隔页眉页脚和侧边栏
我有一个包含页眉、页脚和侧边栏的模板;我想将它们分成单独的文件并将它们包含在主模板中。include()
以前我使用的是 PHP,通过or函数很容易做到这一点required()
,但是由于我使用的是 node.js 而不是 PHP,所以我不知道该怎么做。
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 中的代码:
非常感谢您 :)
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
只要在两个模板的范围内,就可以使用共享:
工作(但只渲染一次,没有反应):
不工作(子自动运行正在设置值,但未呈现新值):
javascript - 具有单独模板文件的客户端 js 模板引擎
客户端最好的模板引擎是什么?
我在寻找什么?
模板引擎必须有 API 才能从服务器加载模板文件
支持纯 HTML(我不想要 JADE 或类似的东西)
用 ES5 编写
是轻量级的(不需要像 jQuery 这样的依赖项)
支持
if-else
,for
或for-in
我已经使用 EJS,它很好,但我还没有发现它有时效果不好。我发现了很多这样的堆栈跟踪
error [Unhandled error] in [/resources/js/ejs.min.js]
我不想要 Angular、React、Vue 等任何框架。
angular - Angular 4 使用 [(ngModel)] 捕获 n 行的切换开关(开/关)值
我有一个切换开关(开/关)按钮,我在桌子的每一行都保留了它。我想捕获每一行按钮的开关,这样我就可以根据开/关的结果进行过滤。有没有可能,如果是,那么如何。我从基于自定义的客户端提供程序切换,它为我提供了选项,例如
angular - *ngFor 为 Angular 2+ 中的每个项目输出不同的 HTML
我想制作通知栏并将 HTML 模板作为这个:
但是对于不同的通知,应该有不同的message
模板,比如:
我可以在组件中制作一个丑陋的方法来打印带有这些 HTML 标签的消息,但是有没有更优雅的方法呢?
丑陋的方法:
web-component - 填充多个命名槽的 Web 组件模板
给定以下 html 模板:
怎么可能(如果有的话)使用自定义元素用一个值填充两个插槽?
下面的演示代码将产生:
你好,鲍勃,你的名字是。
这是故意的吗?这是在模板的多个位置显示单个值的错误方式吗?