超过一页的角度服务

Question

我正在做一个API仪表板，由于模板原因，我需要将登录页面与应用程序的其余部分分开。

我使用工厂创建了服务，如下所示：

angular.module('dashboard').factory('$api', function() {
    var api_url = 'https://my.great.app/api/';
    return {
      resolve:function(path){
        return api_url + '/' + path;
      }
    };
});

如何与其他人分享？

我是一个真正的新手，我对使用Bower，Grunt，Node js等感到有些困惑...

D．

Answer 1

Angular具有良好的依赖注入机制 。

在您的情况下，您可以使用以下代码将工厂注入控制器：

angular.module('dashboard')
.controller('myCtrl', ['$scope', '$api', function($scope, $api){
    var result = $api.resolve('path');
}])

Answer 2

小费：

创建一个js文件来创建您的模块并与其他文件共享，例如：

main.js

var App = angular.module("myModuelName", [])

因此，现在您可以将此文件包含在HTML中，这会将您的App变量共享给其他文件

这样你就可以做

App.controller("myCtrl" ['$scope', '$api', function($scope, $api){
    $scope.path = $api.resolve('myInternalPath')
}])

服务是在控制器之间共享信息的好方法