javascript - 如何使用 RESTful 访问加载包含 AngularJS 的 HTML

Question

当不使用 AngularJS 时，我创建一个响应/mysite/users 的网站。它返回一个 HTML 页面，其中的用户记录填充在类似表格的显示中。

我想尝试 AngularJS 方法。我以某种方式加载网页，该页面的 onload() 调用/mysite/users，它仅返回一个 JSON 用户列表。

“不知怎的”部分让我烦恼。到目前为止，我只能先调用/mysite/showUsers。这将下载 HTML 页面，然后该页面本身会调用/mysite/users。

同样，当使用 AngularJS 进行编辑时，我想我必须调用/mysite/userEdit/1 ，它在加载时会调用/mysite/user/1 。

我想我错过了一些东西。我能得到线索吗？谢谢，杰罗姆。

Answer 1

正如您所注意到的，AngularJS 方法不是从服务器加载预渲染的 HTML，而是加载 JSON 数据 列表并依赖 AngularJS directives填充 DOM 客户端。

您的情况的一个具体示例是一个加载 Angular 模块的页面，该模块从 /api/users 获取用户的 JSON 列表，并利用 ng-repeat > 指令将数据填充到访问者浏览器中的页面中。 Here's a JSFiddle我发现这说明了如何实现这一目标。

这完全取决于数据插入到 HTML 中的位置；它可以发生在服务器端或客户端，Angular 更喜欢后者。 (这并不是说您不能从服务器加载预渲染的 HTML，但是您会违反 AngularJS 的设计使用方式。)