angular4如何数据一次性绑定,不再更改?

发布于 2022-09-05 19:41:53 字数 174 浏览 17 评论 0

1、需要显示一个数组对象的数据,但是双向绑定的话,编辑时显示数据会一直变化,要求是显示数据不变;
2、考虑到了深拷贝对象,然后用拷贝去编辑,但是数据量大的话,性能可能出问题,而且两个数据交换起来也麻烦;
3、angular1里有一次性绑定的方法"::",但是试了angular4里面不能用了;
4、请问有没有好的方法

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

ㄖ落Θ余辉 2022-09-12 19:41:53

谢邀!

Angular2 的变化检测是允许自定义的;具体参数可以检索:ChangeDetectionStrategy.CheckOnce

戴着白色围巾的女孩 2022-09-12 19:41:53

不知道是不是和你的要求一样,看一下我写的
新建一个服务app.service.ts,我初始化了一个数组,里面一个set和get方法分别设置和获取数据。

import { Injectable } from '@angular/core';

@Injectable()
export class AppService {

  private testData = ['aaa','bbb','ccc','ddd'];

  constructor() { }

  public setData(data){
    this.testData = data;
  }

  public getData(){
    return this.testData;
  }

}

然后在组件初始化的时候引入这服务调用getData赋值到组件里面的itemArr

constructor(
  private appService: AppService
){
  this.itemArr = this.appService.getData();
}

把itemArr进行模板遍历,你在其他地方调用setData的话这个组件里面的数据是不会变化的

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文