我需要澄清服务和组件属性之间的绑定以及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属性中),您将在视图中看到更新:
原文链接:https://www.f2er.com/angularjs/140697.htmlexport class Service { (...) updateObject() { this.object.id = 2; } }
如果按值更新元素(如果将某些内容更新到name属性中),则不会在视图中看到更新:
export class Service { (...) updateName() { this.name = 'Luke1'; } }
看到这个plunkr:https://plnkr.co/edit/w7bS0fAVjOc3utnpD39b?p=preview.