我需要澄清服务和组件属性之间的绑定以及angular2中的数据绑定
假设我有一个服务(单身)和一个组件
- export class Service {
- name = "Luke";
- object = {id:1};
- getName(){return this.name};
- getObject(){return this.object};
- }
- export class Component implements OnInit{
- name:string;
- object:any;
- constructor(private _service:Service){}
- ngOnInit():any{
- //Is this 2 way binding?
- this.name = this._service.name;
- this.object = this._service.object;
- //Is this copying?
- this.name = this._service.getName();
- this.object = this._service.getObject();
- }
- }
如果通过引用更新元素(如果将某些内容更新到object属性中),您将在视图中看到更新：
- export class Service {
- (...)
- updateObject() {
- this.object.id = 2;
- }
- }
如果按值更新元素(如果将某些内容更新到name属性中),则不会在视图中看到更新：
- export class Service {
- (...)
- updateName() {
- this.name = 'Luke1';
- }
- }
看到这个plunkr：https://plnkr.co/edit/w7bS0fAVjOc3utnpD39b?p=preview.
