gpt4 book ai didi

data-binding - 服务和组件属性之间的angular2数据绑定(bind)

转载 作者:太空狗 更新时间:2023-10-29 17:23:00 26 4
gpt4 key购买 nike

我需要一些关于服务和组件属性之间的绑定(bind)以及 angular2 中的数据绑定(bind)的说明

假设我有一个服务(单例)和一个组件

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 属性中),您将在 View 中看到更新:

export class Service {
(...)

updateObject() {
this.object.id = 2;
}
}

如果您按值更新元素(如果您将某些内容更新到 name 属性中),您将不会在 View 中看到更新:

export class Service {
(...)

updateName() {
this.name = 'Luke1';
}
}

查看此插件:https://plnkr.co/edit/w7bS0fAVjOc3utnpD39b?p=preview .

关于data-binding - 服务和组件属性之间的angular2数据绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36446330/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com