我正在嘗試將我的Azure后端與我的離子角度前端連接起來

Question

該表名為sport，我試圖在下拉列表中顯示列運動列表。 我得到的錯誤是錯誤：[$ injector：unpr]未知的提供者：sportServiceProvider < - sportService < - sportCtrl我無法看到錯誤在哪里，任何人都可以幫忙嗎？

 <ion-view view-title="Choose Your Team">
  <ion-content      ng-controller="sportCtrl as vm" >


    <label class="item item-input item-select item-positive">
        <div class="input-label">
            Sport
        </div>

        <select>
            <option>
               {{vm.sport}}  
            </option>
           </select>
    </label>                     
    </div>

獲得這項運動的服務是sport.js

 (function () {
 'use strict';

sportService.$inject = ['$http'];

angular
    .module('starter',[azure-mobile-service-module])
    .factory('sportService', sportService);



function sportService($http) {
    var service = {
        getData: getData
    };

    return service;

    function getData() {
        Azureservice.query('sport', {})
    .then (function(sport)
    {
        vm.sport = sport;
    })}
   }
  })();


 angular.module('starter').constant('AzureMobileServiceClient', {
API_URL: "https://",
API_KEY: "",

  });

控制器是：

 (function () {
'use strict';

sportCtrl.$inject = ['sportService'];

angular
    .module('starter')
    .controller('sportCtrl', sportCtrl);



function sportCtrl(sportService) {
    var vm = this;


    activate();

    function activate() { }

    vm.sportname  = sportService.getData();
}
 })();

Answer 1

您似乎已經在sport.js和controller.js腳本中初始化了名為starter重復角度模塊。 在controller.js腳本中，您創建了一個sportService注入sportService的新角度應用程序實例。

您可以為sport.js的角度實例定義全局變量，例如

app = angular
    .module('starter',...)

並使用此全局變量而不是angular.module('starter') ，例如

app.controller('sportCtrl', sportCtrl);

否則，您可以為控制器定義新的角度模塊，並注入主角度模塊。 例如

在你的controller.js ：

angular
    .module('starter.ctrl')
    .controller('sportCtrl', sportCtrl);

在你的sport.js ：

angular
    .module('starter',[azure-mobile-service-module,'starter.ctrl'])