2017-04-10 3 views
0

J'ai essayé d'écrire l'application dans angulaire 1.6 ES6 et je voulais utiliser ce backend faux HTTP à partir ngMockE2E: https://docs.angularjs.org/api/ngMockE2E/service/ $ httpBackend

Je mis en œuvre ces appels d'API comme ceci dans 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, {}]; 
    }); 

} 

J'ai aussi index.js qui ressemble à ceci:

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; 

Et HomeController où je appeler cette méthode 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'] 

méthode Malheureusement getUsers() dans le contrôleur revient sans cesse à la place indéfini d'utilisateurs de response.data, même après avoir essayé différentes approches.

Est-ce que quelqu'un est capable de comprendre où j'ai foiré?

Répondre

0

vous manque un return dans getUsers()

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; 
    }); 
} 

}