angular - 如何在 Angular 中设置来自服务的输入模型值？

Question

这里的问题是如何在 Angular 2 中设置来自服务的输入模型值。

这是我的示例代码:
组件:

//our root app component
import {Component} from 'angular2/core'
import {Service} from './service'

@Component({
  selector: 'my-directive',
  providers: [],
  template: `<input [(ngModel)]="abc">`,
  directives: []
})
export class Directive {
  constructor(public service: Service) {
    this.abc = this.service.value;
  }
}

服务:

//我们的根应用组件从 'angular2/core' 导入 {Injectable}

@Injectable()
export class Service {
  constructor() {
    this.value = "service"
  }
  abcFun(){
    // need to update value from here
  }
}

plunkr here

Answer 1

试试这个:

component.html

<input type="text" [(ngModel)]="abc">

component.ts

private abc: string;

constructor(
        public homeService: HomeService
    ) { }
ngOnInit() {
        this.abc = this.homeService.value;
    }

component.service.ts

public value: string;

constructor(private http: Http) { 
        this.value = "Hello world";
    }