数据绑定 – 服务和组件属性之间的angular2数据绑定

我需要澄清服务和组件属性间的绑定以及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.

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...