【问题标题】:StrongLoop Loopback Yeoman AngularStrongLoop 环回 Yeoman Angular
【发布时间】:2014-05-05 03:52:03
【问题描述】:

我正在尝试将 StrongLoop Loopback [后端] 与 Yeoman 工作流程 [前端] 集成,但努力将这两个代码库结合起来。我知道我可以使用 StrongLoop 的 Loopback 独立开发我的“后端”,并将其公开为 REST API。但是,我宁愿使用 Loopback Angular SDK 进行开发,并在同一个应用程序中以编程方式连接到模型。我想知道我需要如何组织我的文件夹结构,更新我的 Gruntfile.js 以包含用于服务和构建功能的 Loopback 应用程序设置,并且只运行一个服务器实例进行开发(而不是我的 yeoman 应用程序前端的“grunt serve”东西和“slc run”用于环回后端的东西)。

我已经阅读了关于 yeoman 脚手架的“计划”,而不是 Loopback 的 CLI 工作流程,但它们在 Github 上已经 5 个月以上没有任何更新。

任何指导使其现在工作(而不是等待开发此功能)将不胜感激。

供参考: 这是带有详细的 Grunt 命令的 Loopback Angular SDK 说明 http://docs.strongloop.com/display/DOC/AngularJS+JavaScript+SDK

【问题讨论】:

    标签: angularjs gruntjs yeoman loopbackjs strongloop


    【解决方案1】:

    有一个原生的$resource与RESTful服务端交互。

    Tutorial

    您还可以使用自定义构建服务来结合环回 API 和 Angular 前端:

    angular.module('catalog', [])
        .constant('ENDPOINT_URI', 'http://0.0.0.0:3000/api/')
        .controller('CatalogController', function (ProductsModel) {
            var store = this;
            function getItems() {
                ProductsModel.all()
                    .then(function (result) {
                        store.products = result.data;
                    });
            }
            store.products = [];
            getItems();
        })
        .service('ProductsModel', function ($http, ENDPOINT_URI) {
            var service = this,
                path = 'products/';
            function getUrl() {
                return ENDPOINT_URI + path;
            }
            service.all = function () {
                return $http.get(getUrl());
            };
        });
    

    Tutorial

    【讨论】:

    • 我不确定为什么这被标记为正确答案,尤其是考虑到下面 JohhnyMD 的 cmets。
    猜你喜欢
    • 2015-09-18
    • 1970-01-01
    • 1970-01-01
    • 2014-12-14
    • 1970-01-01
    • 2015-09-19
    • 2013-05-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多