angularjs - 我正在尝试将我的 Azure 后端与我的 ionic Angular 前端连接

Question

该表称为“运动”，我试图在下拉列表中显示“运动”列中的列表。我收到的错误是 Error: [$injector:unpr] Unknownprovider: 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: "",

  });

Controller 是:

 (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 的重复 Angular 模块。在 controller.js 脚本中，您创建了一个新的 Angular 应用程序实例，该实例没有注入(inject) sportService。

您可以在 sport.js 中为 Angular 实例定义一个全局变量，例如

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

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

app.controller('sportCtrl', sportCtrl);

否则，您可以为 Controller 定义一个新的 Angular 模块并注入(inject)主 Angular 模块。例如。

在您的controller.js中:

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

在你的sport.js中:

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