javascript - Angular 2 中的模拟后端响应

Question

在我使用 Angular 1 制作的应用程序中，我使用 Angular-Mocks 来构建前端，而不需要启动并运行后端:

(function() {
  angular
    .module('myapp')
    .run(['$httpBackend', function($httpBackend) {

      $httpBackend.whenGET(/.*\/api\/ratings\/\?.*/).respond(function(method, url) {
        var params = matchParams(url.split('?')[1]);
        var list = findRatings(ratings, params);
        return createPageResponse(list, params.page, params.size);
      });
    }]
})();

现在我想在 Angular 2 中执行此操作。建议的方法是什么？

Answer 1

根据某些条件，用户可以使用不同的服务:

@NgModule({
  imports: [..],
  declarations: [..],
  providers: [
    {
       provide: YourService,
       useClass: env.prod ? YourService : DummyService
    }
  ],
  bootstrap: [..]
})
export class AppModule {

}

或者使用工厂，如果您需要一些更复杂的东西..

@NgModule({
  imports: [..],
  declarations: [..],
  providers: [
    AnotherService,
    {
        provide: YourService,
        useFactory: (isProd, anotherSrvc) => isProd ? new YourService(anotherSrvc) : new DummyService(),
        deps: [env.prod, AnotherService]
    }
  ],
  bootstrap: [..]
})
export class AppModule {

}