angular.js - Bagaimana untuk mencipta perkhidmatan global seperti $http dalam Angular?

Question

Saya ingin menulis kelas alat global Saya mengisytiharkan perkhidmatan dalam fail js yang berasingan (dan memuatkannya ke dalam html) {kod...} Kemudian saya mahu menyuntik testModule ke dalam pengawal appmodule, tetapi ia meminta suntikan gagal {kod...} {kod...}

迷茫 · Answer

Terima kasih, apa yang anda tulis hanya 30% betul. Dua topik terlibat di sini:

1. Modul berbeza

angular.module('testModule') 和 angular.module('mainApp',[]) 是两个不同的module，你想要在 mainApp 中使用 testModule，那么你需要在 angular.module('mainApp', [ 'testModule' ]) Import pergantungan ini.

2 Kelas alat global ditulis dengan salah

Seseorang menjawabnya di atas:

(function(angular){
    "use strict";
    angular.module('testModule', []).factory('alertService', function() {
        return {
            test : function(){
                console.info('testModule is ready!');
            }
        }
    });
})(window.angular);

Apabila menggunakannya, anda boleh:

var mainApp = angular.module('mainApp',[ 'testModule' ]);
mainApp.controller('homeController',['alertService',function(alertService){
  alertService.test();
}]);

Kod di atas belum disahkan dan sepatutnya tiada masalah struktur Sila nyahpepijat dan selesaikan sendiri.

phpcn_u1582 · Answer

Hanya tentukan perkhidmatan anda sebagai modul, contohnya:

  var appServices = angular.module('myApp.services', []);
    appServices.factory('alertService', function($rootScope) {
        var alertService = {};
        return alertService;
    });