超過一頁的角度服務

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')
}])

服務是在控制器之間共享信息的好方法