3

我来自一个完全没有 Web 开发背景的人，但是看到 mean.js 的吸引力越来越大，我真的很想试一试。

我已经在线学习了教程，所以我基本上已经开始、运行和修改了示例应用程序，但现在我正在尝试做一些教程之外的事情。结果我对表达和角度有了基本的了解

我一直在尝试将激活器 npm 包（https://www.npmjs.org/package/activator）集成到应用程序中，虽然我已经设法适应角度位，但我无法插入快递位。这让我产生了一个非常根本的疑问，我还没有真正找到答案。我知道在平均值中，角度代码使用在 express 中创建的 REST API 连接到 express 代码。我相信使用角度服务会发生这种情况。但我不明白怎么做。例如，用户模块定义了以下服务：

angular.module('users').factory('Users', ['$resource',
    function($resource) {
        return $resource('users', {}, {
            update: {
                method: 'PUT'
            }
        });
    }
]);

谁能解释这是如何工作的？

另外，如果我在快递方面有一些代码，请说：

var sayHello = function(name){
 return "Hello"+name;
}

我怎么能通过角度来称呼它？我知道我们使用 ngResource 模块中的 $resource ，但我真的不明白如何。

任何帮助将非常感激。

4

1 回答 1

6

将这些东西连接在一起可能会有点混乱。我认为要理解的是，在服务器端使用 Express 时，您需要围绕路由对 API 建模，并处理与您将被交给的req对象res的通信。

所以首先在客户端，举一个简单的例子，我通常使用$resource包装我不想担心的 HTTP/ajax 细节的方式。所以我会这样写我的服务：

"use strict";

angular.module("myModule").factory("UserService", ["$resource",
    function($resource) {
        var resource;

        resource = $resource("/api/users", null, {
            listUsers: {
                method: "GET",
                isArray: true
            }
        });

        return resource;
    }
]);

（请注意，我将isArray参数传递给此资源，因为我希望返回一组用户——并非所有 API 都如此）。

然后利用该资源，也许在我的控制器中我会有这样的代码：

"use strict";

angular.module("myModule").controller("UserCtrl", ["$scope", "UserService",
    function($scope, userService) {

        $scope.loadUsers = function() {
            userService.listUsers(function(resource, headers) {
                // this function is called on success, with the result
                // stored within the `resource` variable

                // ...

            }, function(response) {
                // this function is called on error

                // ...

            });
        };
    }
]);

现在假设在服务器端一切正常，我们将收到我们的用户列表，并以resource.

在服务器端，我们需要配置我们的路由（无论配置在哪里）以包含我们的用户控制器，它将作为我们的用户 API。因此，也许在这个应用程序中，我们有一个routes目录，其中包含我们所有的 Express 路线（有关 Express 路线的更多信息，请参阅app.route 文档）。我们还有一个controllers目录，其中包含处理路由逻辑的所有 Express 控制器。与“用户”示例保持一致，我们将定义一个与/api/users $resource我们在 Angular 代码中定义的路由匹配的路由：

"use strict";

var controller = require("../controllers/user");

module.exports = function(app) {
    app.route("/api/users").get(controller.listUsers);
};

这段代码将 Expressapp作为输入，并/api/users为GETHTTP 请求定义了一个路由（注意.get调用的函数）。此路由的逻辑在用户控制器中定义，如下所示：

"use strict";

exports.listUsers = function(req, res) {
    var users;

    // ...somehow populate the users to return...

    res.send(users);
};

我们已经留下了有关如何填充该用户数组的详细信息，但希望这能给您带来想法。该控制器将req（请求）和res（响应）HTTP 对象作为输入传递，因此它可以查询请求对象以获取有关用户传入内容的详细信息，并且必须将一些响应发送回用户以完成请求/响应循环。在此示例中，我使用该res.send函数简单地发回我们的 JavaScript 数组（将作为 JSON 传递）。

那有意义吗？

于 2014-11-23T02:12:41.493 回答