2017-04-10 86 views
0

我一直在试图写在ES6角1.6应用程序,我想使用伪造的HTTP后端从ngMockE2E: https://docs.angularjs.org/api/ngMockE2E/service/ $ httpBackend

所以我实现这些API调用像这home.run.js:

mocks.$inject = ['$httpBackend']; 

export default function mocks($httpBackend) { 

    let users = [{'name': 'Eva'},{'name': 'David'}] 

    $httpBackend.whenGET('/users').respond(users); 

    $httpBackend.whenPOST('/users').respond(function(method, url, data) { 
    let user = angular.fromJson(data); 
    users.push(user); 
    return [200, user, {}]; 
    }); 

} 

我也有index.js看起来像这样:

import angular from 'angular'; 
import uirouter from 'angular-ui-router'; 
import mocke2e from 'angular-mocks/ngMockE2E'; 

import mocks from './home.run' 
import routes from './home.config'; 
import HomeController from './home.controller'; 

export default angular.module('app.home', [uirouter, mocke2e]) 
    .config(routes) 
    .controller('HomeController', HomeController) 
    .run(mocks) 
    .name; 

而且HomeController的,我调用get方法:

不幸的是
export default class HomeController { 

constructor($http) { 
    this.$http = $http; 
    this.users = this.getUsers(); 
} 

getUsers() { 
    this.$http.get('/users').then(function(response) { 
    return response.data; 
    }); 
} 

} 

HomeController.$inject = ['$http'] 

getUsers()中的控制器方法不断返回undefined,而不是从用户response.data,甚至尝试不同的方法之后。

有人能够弄清楚我在哪里搞砸了吗?

回答

0

你错过了returngetUsers()

export default class HomeController { 

constructor($http) { 
    this.$http = $http; 
    this.users = this.getUsers(); 
} 

getUsers() { 
    return this.$http.get('/users').then(function(response) { 
    return response.data; 
    }); 
} 

}