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

html - 如何在 Closure 模板(大豆)中向 HTML 节点添加多个 CSS 类?

在一个模板中,我需要为一个 div 分配多个 CSS 类。

但是,当我尝试以下类似操作时,Closure 编译器似乎只将第一个类括在引号中,导致浏览器忽略其余部分。

DOM 结果

我尝试将整个内容用引号括起来(有和没有{literal})......没有成功。

0 投票
1 回答
251 浏览

java - 如何在 Google Closure 中高效地将 Java 对象转换为 SoyData

我们有一个 Java 对象,其中包含我们想要用于模板渲染的数据 - 有没有一种将 Java 对象转换为 SoyData 的有效方法?

目前我们正在使用 gson 将其转换为树并递归填充 SoyData 对象,但也许有些东西不需要 gson 转换。

0 投票
1 回答
1302 浏览

html - 如何使用大豆模板渲染 tr?

我有这个大豆模板

我想做类似的事情

但这导致

最好的方法是什么?

0 投票
1 回答
1495 浏览

templates - 更新用 let 声明的大豆模板中的值

我有一个值与来自我需要在我的大豆模板中显示的配置文件的标志相关联。它是真还是假。

如果为真,则该值需要为“x”(例如,但它是一个字符串)如果为假,则该值需要为“”(空)

请注意,我无法从我的配置中传入 true 或 false 值。我也不能省略 false 的值,它必须提供一个空字符串。

我尝试过使用 let 的各种形式的 if 语句,但根据我对文档的解释,无法更改用 let 声明的值(这没有意义)

这基本上是我需要的:

然后我将在我的模板中使用 $myVar。但是,每当我尝试这样做时,都会收到此错误:

我能做些什么!?

0 投票
1 回答
48 浏览

google-closure-library - 在谷歌关闭模板上使用事件

我对谷歌关闭模板有一些问题。我正在做一个网站导航器,它有点复杂并且有多个事件;现在我正在使用模板创建导航器 DOM 结构但无法处理事件,因为我不知道是否需要使用 google 闭包库编写事件但不使用模板来自动执行纯 js 文件。

我的问题是在这种情况下,我需要单独处理事件还是可以使用模板来处理事件?

谢谢大家解答。

0 投票
1 回答
107 浏览

web - Google 闭包模板变量变量

情况:

context包含诸如 testExecutionKey1、testExecutionKey2 .. testExecutionKey10 等字段

我想检查它们是否为空,但要以好的方式进行 - 在 for 循环中

我需要在循环内访问 $context.testExecutionKey1..10 ,其中数字是 $i

问题:

PHP 具有可变变量功能,但我在文档中找不到类似的闭包模板。

0 投票
1 回答
34 浏览

html - 涉及 Closure 命令和“text-align:justify”的奇怪行为

我在大豆模板中有一些 div,我希望它们水平分布均匀。

这是有效的:

CSS(本示例简化了命名法):

::after 规则只是添加了一个假的最后一行,因为 justify 不适用于最后一行。

HTML(在大豆模板中):

达达!这就是它的样子(添加了边界坚固性,使其更清晰):

在此处输入图像描述

JSFiddle 演示了这一点:http: //jsfiddle.net/ULQwf/1257/

这是问题所在:

如果我将 div 粘贴在任何 Closure 命令中(if、for 等),如下所示:

a、b、c div 将全部落入左侧的默认内联块行为。看起来像这样:

在此处输入图像描述

更奇怪的是,如果我把所有东西都放在一起,就像这样:

a、b、c div 将继续默认向左。在内联行的剩余空间中,1、2、3 个 div 将非常合理:

在此处输入图像描述

如果我颠倒顺序,将常规 div 放在首位,然后将 Closure div 放在第二位,那么结果非常相似,但是 a、b、c 将集中在右侧而不是左侧。


浏览 Chrome 上的开发者工具,每个 div —— a、b、c、1、2、3——看起来完全一样。相同的计算值。

另一点——所有其他文本对齐值都有效。如果我将 justify 更改为 text-align:center,所有六个 div 将很好地放在中心。相同的文本对齐:左/右/等..

关于模板和证明是如何计算/编译的,有什么我不理解的吗?闭包命令会产生某种隐藏的隐藏周围 div 吗?

0 投票
1 回答
301 浏览

javascript - 如何将 html 元素列表作为参数传递给 Closure 模板

我的模板是下面这个模板,我想使用 html 列表作为参数

我的问题是,当我调用模板时,我不知道如何将 html 元素列表作为参数传递。

0 投票
2 回答
61 浏览

google-closure-library - plovr 是否支持最新的闭包库?

我使用 plovr 作为最新的 google 闭包库的闭包编译器,但它认为它运行得很好。为什么会这样?

链接= http://plovr.com/docs.html

在此先感谢您的帮助,

基兰

0 投票
1 回答
774 浏览

google-closure-templates - 在 Soy V2 中创建参数的正确方法是什么?

这是我的代码:

当我尝试编译时,我收到一条错误消息:

我在网上找到的唯一信息似乎表明这是正确的语法(根据谷歌的网站,根据我找到的这份备忘单),谷歌搜索“soy v2”并没有给我任何解释什么是正确的结果 Soy V2 语法。

定义这些参数的正确方法是什么?