Is it possible to inject interface with angular2?

by

No, interfaces are not supported for DI. With TypeScript interfaces are not available at runtime anymore, only statically and therefore can’t be used as DI tokens.

Alternatively you can use strings as keys or InjectionToken

provide('CoursesServiceInterface', {useClass: CoursesServiceMock}) // old


providers: [{provide: 'CoursesServiceInterface', useClass: CoursesServiceMock}]

and inject it like

constructor(@Inject('CoursesServiceInterface') private coursesService:CoursesServiceInterface) {}

See also https://angular.io/api/core/InjectionToken

More Related Contents:

  1. Usage of interface in Go
  2. Inheritance and dependency injection
  3. Difference between interfaces and classes in Typescript
  4. Implementing TypeScript interface with bare function signature plus other fields
  5. Extend interface defined in .d.ts file
  6. When to use Interface and Model in TypeScript / Angular
  7. Why shared libraries between microservices are bad? [closed]
  8. Explanation of checking if value implements interface
  9. Difference between Fortran’s “abstract” and “normal” interfaces
  10. How to avoid implementing methods repeatedly for identical classes?
  11. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  12. Angular 2 innerHTML (click) binding
  13. Using http rest apis with angular 2
  14. Error:Unable to locate adb within SDK in Android Studio
  15. Angular 2: How to detect changes in an array? (@input property)
  16. Angular 2 – View not updating after model changes
  17. How to catch exception correctly from http.request()?
  18. Call child component method from parent class – Angular
  19. How to load image (and other assets) in Angular an project?
  20. Why does it compile when casting to an unrelated interface? [duplicate]
  21. Angular 6 Get response headers with httpclient issue
  22. Angular 2 – formControlName inside component
  23. Attribute on Interface members does not work
  24. Angular 4 – Select default value in dropdown [Reactive Forms]
  25. addControl to FormGroup dynamically in Angular
  26. Angular routerLink does not navigate to the corresponding component
  27. Pass enums in angular2 view templates
  28. How to mock Angular 4.3 httpClient an error response in testing
  29. How to add multiple headers in Angular 5 HttpInterceptor
  30. What exactly $event object do in Angular 2?

Leave a Comment