未定義的servise提供商角度1.6和es6

Question

我正在嘗試創建其他api以獲取帖子/使用Angular 1.6和es6獲取一些數據。 並得到一個SylabusService未定義的組件

類型錯誤：無法讀取屬性「拯救」的不確定

。服務文件

'use strict'; 
 
import angular from 'angular'; 
 

 
export function SylabusService($resource) { 
 
    'ngInject'; 
 
    return $resource('/api/sylabuss/:id', { 
 
     id: '@_id' 
 
    }) 
 
    };

。組件文件

您可以在第9行看到的，我試圖登錄，但找回不確定

'use strict'; 
 
const angular = require('angular'); 
 

 
const uiRouter = require('angular-ui-router'); 
 

 
import routes from './sylabus.routes'; 
 
import SylabusService from './sylabus.service'; 
 

 
export class SylabusComponent { 
 
    /*@ngInject*/ 
 
    constructor($scope, SylabusService) { 
 
    console.log(SylabusService); //undefined 
 
     $scope.createSylabus = function(){ 
 
     SylabusService.save($scope.newSylaBus.title, function(sylabus){ 
 
      console.log(sylabus); 
 
     }) 
 
    } 
 
    } 
 
} 
 
SylabusComponent.$inject=['$scope']; 
 
export default angular.module('aSpaApp.sylabus', [uiRouter]) 
 
    .config(routes) 
 
    .component('sylabus', { 
 
    template: require('./sylabus.html'), 
 
    controller: SylabusComponent, 
 
    controllerAs: 'sylabusCtrl' 
 
    }) 
 
    .factory('service',SylabusService) 
 
    .name;

我做錯了什麼？

Answer 1

你SylabusService實際上是所謂service，這樣，你注入你的依賴添加到該部分：

SylabusComponent.$inject=['$scope', 'service']; 

或（也許更好）命名服務SylabusService並注入是：

SylabusComponent.$inject=['$scope', 'SylabusService']; 
export default angular.module('aSpaApp.sylabus', [uiRouter]) 
    .config(routes) 
    .component('sylabus', { 
    template: require('./sylabus.html'), 
    controller: SylabusComponent, 
    controllerAs: 'sylabusCtrl' 
    }) 
    .factory('SylabusService',SylabusService) // <-- Name the service here 
    .name;