如何在Angular JS中使用Grails消息代码标签

Question

我有一个加载.GSP模板的自定义指令，即

在我的指令中

template: '/view/pages/dummy.gsp'

在dummy.gsp中，

我有一个如下复选框：

<input type="checkbox" name="orangeFruit"> Orange </input>

现在在这里，而不是使用硬编码的Orange，我想使用这样的东西：

<div ng-repeat="thisfruit in fruits">
<input type="checkbox" name="{{thisfruit}}chkbox">
    ${message(code:'label.{{thisfruit}}')}
</input>
</div>

上面的代码片段是我的角度模板，在其中我要遍历水果列表并为每个水果放置复选框。

fruits:["orange","apple","banana"] is the angular JSON object.

其中{{thisfruit}}是Javascript对象，值为橙色。

以下是我的messages.properties文件的外观：

label.orange=Orange
label.apple=Apple
label.banana=Banana

当我运行上面的消息代码时，它总是给我“ label.orange”而不是“ orange”。 我在messages.properties文件中有此密钥，因此应该可以找到它。 当我将label.{{thisfruit}}替换为label.orange它会给出正确的值。

任何帮助表示赞赏！

Answer 1

根本不可能做到这一点，这是人们经常困惑的最常见问题。 您基本上是在尝试使用客户端JavaScript或角度代码来修复服务器端GSP或Groovy代码。

GSP文件是在服务器端而不是浏览器上编译的，因此它不会处理任何像{{thisfruit}}这样的棱角代码，而这些代码永远不会在服务器端编译。

类似地，将GSP编译为HTML代码后，它将转换为HTML代码，浏览器会理解该HTML代码如何呈现它，然后执行角度代码。

因此，当它在客户端渲染时，将没有可用的代码，例如${message(code:'label.{{thisfruit}}')} ，因为它已经在渲染之前在服务器端进行了编译。

因此，您不能在客户端（角度）代码中使用服务器端（Grails）消息代码。

为此，您可以使用一个很棒的客户端库来实现角度。 http://angular-translate.github.io/

看看这个。