问题标签 [client-side-templating]

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

ember.js - Ember,用车把将列包装成行 {{#each}}

我使用车把 {{#each}} 我需要转换它:

进入这个:

我注册了车把助手:

如何将当前索引传递给这个助手?我尝试这样做:

但是当我在检查器中查看变量“index”时,我只看到“_view.contentIndex”作为字符串,而不是值。

如果有人有更简单的方法来做到这一点,请告诉我。

Ember 1.9.1 车把 2.0.0

0 投票
1 回答
692 浏览

angularjs - Please explain me the Service-Oriented Composition architecture described by Mr. Udi Dahan

Can anybody please explain me with a step by step example as how to satisfy the
Service-Oriented Composition
described by Mr. Udi Dahan. You will find an equivalent diagram in the same blog.

Technology I am using is AngularJS, Asp.net WebAPI.

I am not clear specially with the below part

enter image description here

0 投票
2 回答
19784 浏览

javascript - 客户端与服务器端模板(哪一个?)

我最近一直在阅读一些关于整个客户端与服务器渲染的非常有趣的文章。

http://www.onebigfluke.com/2015/01/experimentally-verified-why-client-side.html

http://www.quirksmode.org/blog/archives/2015/01/angular_and_tem.html

http://tomdale.net/2015/02/youre-missing-the-point-of-server-side-rendered-javascript-apps/

现在我在客户端方面有点狂热,但是在阅读了这些文章之后,一些观点开始出现支持服务器端渲染,令我惊讶的是......要点是:

  • 1)您可以升级您的服务器,但不能升级您的用户设备- 这意味着,嗯,是的......可以控制服务器,所以如果它表现不佳,您可以选择升级/扩展。您不能强制用户升级他们的设备。

  • 2)第一次绘制与最后一次绘制- 现在在上面的experimentally verified...链接上,它显示用户第一次看到页面的时间(第一次绘制)以及用户何时可以 100% 使用页面(最后一次绘制)。现在从我能想到的用户看到页面时,他们的大脑需要一些时间来处理从视觉皮层到额叶皮层,然后到用户实际开始点击他/她的手指的前动皮层的信号,即当然,如果首先呈现 html,那么大脑在后台加载时有一些事情要处理(js 文件、绑定等)。

真正让我感动的是 twitter 报道人们客户端渲染的加载时间长达 10 秒,没有人应该经历过!这有点像是在说,“好吧,如果你没有足够好的设备,对不起,你只需要等待。 ”。

我一直在想,是否有一种同时使用客户端和服务器端模板引擎的好方法,并且客户端和服务器都使用相同的模板引擎和代码。在这种情况下,只需确定向客户端提供呈现的页面还是让客户端自己呈现它是恩人。

无论如何,如果您愿意,请分享您对我的说法和文章的看法。我全是耳朵!

0 投票
2 回答
401 浏览

sharepoint - 客户端渲染和 SEO 优化

我想了解为什么客户端渲染对 SEO 不利?有没有这方面的文章?数据不是已经从服务器渲染出来了,只是让它看起来像我们在 JavaScript 中想要的任何东西,这将如何影响 SEO?

谢谢你。

0 投票
2 回答
2829 浏览

javascript - Kendo UI MVVM - 如何在视图中迭代和渲染集合?

我只是想在我的 Kendo.View 中循环一个数组并尝试从元素中呈现一个属性。这在 MVC Razor 中非常简单,例如

我没有选择摘录,而是分享了整个文件。

这一切都运行,没有例外等。视图呈现静态内容,但不呈现循环的内容。我打开了evalTemplate = true,但仍然没有骰子。我一直无法找到任何方法来做到这一点,这让我发疯。我能找到的只是连接 Kendo UI ListView 等的方法。我不想要那个重量,我只想直接遍历数组。

索引.htm(视图):

控制器:

家庭虚拟机:

链接虚拟机:

0 投票
0 回答
48 浏览

client-side-templating - 客户端模板的最佳解决方案

我正在从事一个具有非常严格的公司安全规则的项目,这意味着我无法使用本地服务器创建 CMS 页面。因此,该公司仍然使用旧技术,例如 shtml 包含。这意味着 node.js 不在图片中。我一直在研究 angular.js、handlebars.js 和其他各种客户端模板解决方案。但是,大多数需要某种第三方工具(节点之外)才能使这些工作。我只被允许在平面页面上使用 CSS/javascript 库。

有什么建议么?

0 投票
0 回答
226 浏览

javascript - Nunjucks 中的循环根据内部 HTML 标记表现不同

我有以下 Nunjucks 模板应该将项目列表呈现为列表:

并作为表

该列表正确呈现为

但是该表应该具有三个 TR 元素,但是它呈现为

为什么只有一个 TR 元素而不是三个 TR 元素?

JSFiddle 在这里:

https://jsfiddle.net/user0815/r41akt22/5

0 投票
2 回答
194 浏览

javascript - 允许在渲染后使用注入对象的 Javascript 模板解决方案?

因此,我正在构建一个基于 Backbone.js 的应用程序,使用模板来呈现一些对象。

它正在工作,但是现在我需要在运行时动态引用对象,而且我不确定我见过的模板解决方案(下划线、车把、...)是否可以“扁平化”javascript。

为了说明,我有一个对象列表,比如说任务。我有一个可以这样简化的模型:

现在,我需要在渲染完成后动态使用“任务”对象。例如,做这样的事情:

当然这种方式是行不通的;也不做类似的事情{{task}}.setComplete(),因为 {{task}} 在渲染时被转换为字符串。

有没有办法做到这一点?

我在想我需要闭包来保留对象,获得它们的唯一方法是不要展平 html,否则一切都会转换为字符串。

任何的想法?也许有模板库允许直接生成 DOM 对象,我可以添加到我的文档中?

提前致谢,

0 投票
1 回答
580 浏览

xml - 支持 XML 的客户端模板引擎

是否有任何支持 XML/XPath 的客户端模板引擎?我查看了车把、小胡子、下划线等,但看起来它们只能接受 JSON 对象作为上下文。

我真正想要的是在表达式中有 xpath:

数据:

JS代码如下:

我知道可以在客户端或服务器端将 XML 转换为 JSON 并使用把手。但我只是想避免这种转变以减少处理时间。

0 投票
2 回答
566 浏览

javascript - 如何在 Handlebars 数据对象中缩进 HTML

所以我使用 Handlebars 来模板化一个静态 HTML 网站。

我遇到的问题是在数据对象中缩进 HTML copyright。如果我在对象中有多个 h1,我希望能够很好地格式化它,就像在我的示例中一样。

尝试缩进数据对象中的 HTML 时,我在控制台中收到语法错误:unterminated string literal.