问题标签 [client-side-templating]

我正在使用护照 js来处理一些身份验证。但是，我也在使用angular $route 服务来处理我在客户端的模板。因此，我不确定如何继续使用护照，因为文档页面上的示例假设服务器端模板。例如，

因此，基于此，“/”和“/login”似乎是为了提供模板，而不仅仅是对 RESTful 查询或其他东西的响应。我做事的方式，我的模板发生在客户端。在我设置一切的角度文件中

似乎我正在尝试混搭，并没有真正理解任何一种做事方法。

所以我知道到目前为止我可能已经用可怕的措辞来表达，但我想做的是这样的

html (登录.html)

节点后端

我意识到我没有验证任何东西，但这对我来说还没有工作

所以我想使用护照进行身份验证，但使用客户端模板/路由来保持单页应用程序的感觉。

有人可以指出我正确的方向吗？或者告诉我我所做的是否完全被误导了？

编辑：我的代码得到的错误是

这可能不足以对你们中的任何人有用，但如果需要，我可以更深入地进行。具体的错误信息并不是我试图问的精神。

我想在客户端使用车把。在我的 html 代码中，我有如下调用：

直接在我的 index.html 中。

在 javascript 我做这样的事情：

效果很好。我将 dom 中的现有 html 作为模板一次，然后使用把手应用模板并覆盖旧的 dom 条目。

当我加载页面时，我收到很多 404 请求，因为浏览器已经尝试加载图像资源，即使由于 JS 部分尚未调用模板也是如此。

有没有办法逃避 404 获取请求？（我没有使用角度或类似的东西 - 只是普通的 js + jquery）

提前谢谢你克里斯

我找到了完美的JavaScript 模板引擎，由 Krasimir 构建，它正是我所需要的。
模板引擎工作得很好，但我自然无法抗拒稍微破解它的冲动，甚至可能添加一些功能。
不幸的是，我无法理解某些代码。

这是代码：

这是我不明白的行：

我对 JavaScript 并不陌生，但那是一些看起来很奇怪的代码，据我所知，它是一个没有左手赋值的三元运算符（如果我错了，请纠正我）

所以为了更好地理解作者是什么这样做我试图将三元运算符转换为条件语句。

这是我到目前为止所拥有的：

这失败并抛出错误“Uncaught SyntaxError: Unexpected token if”

任何人都可以帮我将这段代码转换为条件语句，甚至可以解释一下代码的作用吗？

出于好奇，谁能告诉我 IE8 是否支持此代码？
注意：我不介意 IE8 支持我只想知道这个模板引擎是否支持 IE8。

您可以在 Krasimir 的网站或 Krasimir 的Github上找到模板引擎

我正在尝试使用 CSR 更改共享点列表的样式。我想将粗体应用于标题列。我已在 JS 文件中添加了这些代码，并将其作为 JSLink(JavaScriptDisplayTemplate) 引用到 webpart。在文档准备就绪时，renderTitleHandler 和 preRenderHandler 都已注册，并且 preRenderHandler 也已成功调用。但是 renderTitleHandler 没有被解雇。

请找到我的代码片段，

提前致谢。坎南。

我有以下结构：

templates
- base.njk

pages
- index.njk

components //我的宏的
按钮
- button.njk
- button.scss

所以当我在我的页面中导入我的宏时： {% import 'button/button.njk' as btn %}
这不起作用，它加载按钮，因为它没有说它找不到模板但是当我尝试调用我的宏时： {{ btn() }}
它抛出一个错误说：

无法调用不是函数的“btn”

但是当它不在“按钮”文件夹中时它可以工作。

我只是想知道是否有办法维护这种结构并让它发挥作用？

谢谢

在我的节点服务器提供的 .hbs 中：

在我的客户端 javascript 文件中：

我的输出：

基本上，即使在他们的首页上有最简单的例子，它也不起作用。是因为我在前端和后端使用车把吗？如果是这样，我该如何解决？

在 php 中有可能有条件地关闭 html 标签。我们可以在 Angular 2 中模拟类似的东西吗？

例如

我一直想学习 NodeJS 以便能够在服务器端和客户端运行相同的代码。我将 NodeJS 与 Express 和 EJS 一起使用。所以。我有一个 .ejs 页面，其中包含大量 HTML、JS、CSS 和少量模板。为了正义，让它变成这样：

the_list-->some.ejs

在服务器上进行一些渲染后，我们有一个完美的列表。

所以。现在我想在客户端重新渲染它。我提出了一些 ajax 请求，现在我在 the_list 中有新项目。什么是正确的方法？

我正在使用 Spring Boot 开发一个 Web 应用程序我在客户端使用 angularjs，我发现 thymeleaf 是一个服务器端模板引擎，我不能将它与 angularjs 一起使用。我遇到了 freemaker 一个模板引擎，但我不知道它是在服务器端还是在客户端工作，是否有必要在我的应用程序中使用模板引擎？

根据 Nunjucks文档，

包含不是在渲染之前将包含的模板代码拉入包含模板的预处理器；相反，它会触发包含模板的单独渲染，并且包含该渲染的结果。

如果你真的想要一个“在渲染之前将包含的模板代码拉入包含模板的预处理器”，那在 Nunjucks/Jinja 中会是什么？

实际示例是：两个部分具有相同的变量set。我们决定将其干燥，将这些set语句放入部分中并通过include. 使用include这些变量时超出范围。

部分配置.nunjucks：

部分1.nunjucks：

partial2.nunjucks：

挑战：上面部分中的变量var是空白的。我希望在渲染之前将它设置在每个部分的范围内，就好像它只是字符串片段一样，没有额外的范围等。