javascript - AngularJS:加载页面时从后端传递变量

Question

这是我第一次尝试使用 Angular JS，我停留在一个非常基本的步骤。我有一个 AngularJS 前端和 Grails 后端。以下是我的问题所遵循的代码片段。

1. URL 映射条目:

作为

"/graph"(controller: 'Graph')

1. 这是呈现 GSP 的 Grails Controller /操作:

作为

class GraphController {
    def index() {
        render(view: "../graph", model: [employeeId: "197040"])
    }
}

1. 这是 AngularJS 文件，保存为 graph.gsp:

当我提供 URL:hostname:port/graph 时，我能够看到正文显示为“您好!欢迎光临”。但是，我想不出一种(简单的)方法来读取该 employeeId 并将其显示为“嗨!欢迎 197040”(即能够读取从后端发送的变量 employeeId)

<div><h3>Hi ! Welcome {{employeeId}}</h3></div>没有按预期工作。

如果这是一个太基本的问题，我很抱歉，但我在任何地方都看不到答案。

Answer 1

试试这个:

<div ng-init="employeeId=${employeeId}"><h3>Hi ! Welcome {{employeeId}}</h3></div>

这会将 GSP 上下文中的 employeeId 值分配给 Angular 上下文中可用的变量。要理解我的意思，请查看浏览器中生成的 HTML 源代码。

通过这样做，employeeId 变量也将在 Angular Controller 的范围内分配。

这里有一个关于将 Angular 与 Grails 结合使用的很好的教程 http://claymccoy.blogspot.com.au/2012/09/grails-with-angularjs-and-coffeescript.html?m=1