离子未知供应商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离子

回答

相关问题