0

我现在正在构建一个 ionic 5 应用程序，我正面临一个问题。在应用程序开始时，我正在创建一个对象数组。我需要以某种方式存储这个数组，以便我具有以下功能：

  • 可视化自动更新的组件上的对象（同时在多个组件中）
  • 对象的触发功能，改变它们的值/属性。这些更改应在数组中自动更新（来自多个组件

我研究了 Observable，但我很难实现对象功能的使用。作为旁注，我无法将数组作为组件的输入传递。

感谢您的一些提示。

一些代码示例：

项目.ts

export class Item {
 private name;

 constructor(n: String) {
  this.name = n;
 }

 getName() {
  return this.name;
 }

 setName(value: String) {
  this.name = value;
 }
}

app.component.ts

[...]
private items: Item[];

 constructor() {
  this.initArray();
 }

 initArray() {
  this.items = [new Item("hi"), new Item("world")];
 }

display.component.html

<ion-list>
  <ion-item *ng-For="let item of items">
   {{item.getName()}}
   <ion-button (click)="item.setName("New")>Change<ion-button>
  </ion-item>
</ion-list>

someService.service.ts

export class SomeService {
 constructor () {}

 updateItems() {
  items.foreach(e => {
   e.setName(e.getName() + "1");
  }
 }
}

这将是我需要的基本演示。我正在寻找一种方法，将数组分配给所有这些不同的位置，并让它们随处更新，无论哪一方做出改变。

4

0 回答 0