0

我希望用户能够在我的应用程序中为文档设置 slug 名称 (URL)，但我还需要一些控制，以便用户不会相互覆盖。它需要是一个单独的调用（不与create/集成update），以便用户可以获得关于他们自己的 slug 名称建议的视觉反馈。

因此，我创建了一个suggestSlugAPI 调用，它将可选slug参数作为最终 slug 名称的种子。

这就是我的 Express 路线的样子：

app.get('/api/projects/suggestSlug/:slug', projects.suggestSlug);
app.get('/api/projects/suggestSlug', projects.suggestSlug);
app.get('/api/projects', projects.list);
app.get('/api/projects/:id', projects.show);

现在，我想在客户端（AngularJS）上扩展 ngResource 来使用这个 API：

angular.module('myapp.common').factory("projectModel", function ($resource) {
    return $resource(
        "/api/projects/:id",
        { id: "@id" },
        {
            update: { method: "PUT", params: { id: '@_id' } },
            del: { method: "DELETE", params: { id: '@_id' } }
        }
    );
});

如何扩展 ngResource 客户端以使用我的新 API？

4

1 回答 1

0

这是我的解决方案：向我的 projectModel 添加一个单独的基于 $http 的方法：

angular.module('myapp.common').factory("projectModel", function ($resource, $http) {

    var projectModel = $resource(
        "/api/projects/:id",
        { id: "@id" },
        {
            update: { method: "PUT", params: { id: '@_id' } },
            del: { method: "DELETE", params: { id: '@_id' } }
        }
    );

    projectModel.suggestSlug = function (slugSuggestion, callback) {
        $http.get(
            '/api/projects/suggestSlug/' + slugSuggestion
            ).success(callback).error(function(error) {
                console.log('suggestSlug error:', error);
            });
    };

    return projectModel;
});
于 2014-03-26T08:51:43.770 回答