相关疑难解决方法(0)

是否可以使用angular2注入接口?

我想知道是否有一种在Angular2中注入接口的正确方法?(参见下文)

我认为这与接口上缺少的@Injectable()装饰器有关,但似乎不允许这样做.

问候.

当CoursesServiceInterface作为接口实现时,TypeScript编译器会抱怨"CoursesServiceInterface找不到名称":

import {CoursesServiceInterface} from './CoursesService.interface';
import {CoursesService} from './CoursesService.service';
import {CoursesServiceMock} from './CoursesServiceMock.service';
bootstrap(AppComponent, [
  ROUTER_PROVIDERS, 
  GlobalService,
  provide(CoursesServiceInterface, { useClass: CoursesServiceMock })
  ]);
Run Code Online (Sandbox Code Playgroud)

但是使用CoursesServiceInterface作为接口:

import {Injectable} from 'angular2/core';
import {Course} from './Course.class';
//@Injectable()
export interface CoursesServiceInterface {
    getAllCourses(): Promise<Course[]>;//{ return null; };
    getCourse(id: number): Promise<Course>;// { return null; };
    remove(id: number): Promise<{}>;// { return null; };
}
Run Code Online (Sandbox Code Playgroud)

当service是一个类时,TypeScript编译器不再抱怨:

import {Injectable} from 'angular2/core';
import {Course} from './Course.class';
@Injectable()
export class CoursesServiceInterface {  
    getAllCourses() : Promise<Course[]> { return null; …
Run Code Online (Sandbox Code Playgroud)

interface inject angular

52
推荐指数
3
解决办法
3万
查看次数

标签 统计

angular ×1

inject ×1

interface ×1