離子未知供應商Service.js離子

我剛剛瞭解離子。我想爲我的控制器提供服務。但是，當我做和運行，有錯誤是這樣的：離子未知供應商Service.js離子

ionic.bundle.js:26794 Error: [$injector:unpr] Unknown provider: scoreServiceProvider <- scoreService <- datarateCtrl

這裏我service.js代碼：

angular.module('starter.services', []) 

.factory('FirstService', function($http) { 
var baseUrl = 'http://192.168.0.101/xxx/grabdata/'; 
return { 
    getAll: function() { 
     return $http.get(baseUrl+'select.php'); 
    }, 
    getId: function (beritaId){ 
     return $http.get(baseUrl+'select_id.php?id='+beritaId); 
    } 

}; 

}); 

var StudentService = angular.module('ionicApp', [ionic]) 
StudentService.factory('scoreService', function($http) { 
var baseUrl = 'http://192.168.0.101/xxx/grabdata/'; 
return { 
    getAll: function() { 
     return $http.get(baseUrl+'selectxxxx.php'); 
    } 

}; 

});

這裏我controller.js代碼：

.controller('datarateCtrl', function($scope,$state, scoreService,$timeout, $ionicLoading){ 
$scope.showData = function() { 
    scoreService.getAll().success(function(data) { 
     $scope.datarate = data; 
    }).finally(function() { 
     $scope.$broadcast('scroll.refreshComplete'); 
    }); 
}; 


$scope.reload = function(){ 
    $state.go('tab.klasemen'); 
}; 

// Setup the loader 
    $scope.loading = $ionicLoading.show({ 
content: '<i class="icon ion-load-a"></i>', 
animation: 'fade-in', 
showBackdrop: true, 
maxWidth: 50, 
showDelay: 0 
    }); 

    $timeout(function() { 
$scope.showData(); 
$ionicLoading.hide(); 
}, 2000); 

})

這裏我html代碼（klasemen.html）

<html ng-app="ionicApp"> 
<ion-header-bar class="bar bar-header bar-positive" align-title="center"> 
    <h1 class="title">xxxx</h1> 
</ion-header-bar> 

<ion-view> 
<ion-content padding="false" class="has-header"> 
    <ion-refresher 
     pulling-text="Pull to refresh..." 
     on-refresh="showData()"> 
     </ion-refresher> 

      <div class="row header"> 
        <div class="col">xx</div> 
        <div class="col">xx</div> 
        <div class="col">xx</div> 
        <div class="col">xx</div> 
        <div class="col">xx</div> 
        <div class="col">xx</div> 
      </div> 
      <div class="row" ng-repeat="data in datarate"> 
        <div class="col">{{data.xx}}</div> 
        <div class="col">{{data.xx}}</div> 
        <div class="col">{{data.xx}}</div> 
        <div class="col">{{data.xx}}</div> 
        <div class="col">{{data.xx}}</div> 
        <div class="col">{{data.xx}}</div> 
      </div> 
</ion-content>

個

這裏我app.js

.state('tab.klasemen', { 
    url: '/klasemen', 
    views: { 
    'tab-klasemen': { 
     templateUrl: 'templates/klasemen.html', 
     controller: 'datarateCtrl' 
    } 
    } 
})

誰能告訴我錯過或什麼是錯誤與我的代碼？非常感謝你們。

來源

2016-08-14 Windy Sinaga

連接哪個模塊'datarateCtrl'？ – e666

我在app.js @ e666 –

上貼了klasemen.html，但是你寫了'.controller（'datarateCtrl'，...）;'。我想知道你在'controller.js'中寫了些什麼 – e666

在你的controller.js你的代碼應該這樣。

angular.module('ionicApp') 
.controller('datarateCtrl', function($scope,$state, scoreService,$timeout, $ionicLoading){ 

    // script goes here 
    //$scope.showData 

});

來源

2016-08-14 11:42:49

離子未知供應商Service.js離子

回答

相關問題