Question

我在做Ionic3项目。这是一个问题。后端：我在Firebase中使用了Rxjs，这对于实时数据来说非常简单和漂亮。前面的代码在这里：

我希望我的数据保持一致性。所以我做了一个带来数据的服务，并分配给每个页面变量。

[。ts file]

public dogModel = new dogModel();
constructor(
,public testService: TestService) {
this.dogModel = this.testService.dogModel;
}

[html file]

<div>{{dogModel.state}}</div>

它的效果非常好。当数据在服务中更改时，我根本不知道服务数据如何重新分配给页面变量。还有一个，如果我像这样更改我的代码，

this.dogModel.state = this.testService.dogModel.state;

我可以在服务中看到日志更改数据，但无法看到页面中的任何更改。有人知道吗？

我的一部分服务。

constructor(
      public db: AngularFireDatabase
  ) {
    db.object( this.firebaseURL + '/dogState/test1234')
      .subscribe( (dogState) => {
        Object.assign(this.dogModel, <dogModel>dogState);

        console.log(this.dogModel);
      });

Answer 1

我认为由于听到的事件触发，更改会反馈到UI。我假设您正在讨论在Firebase控制台中更新数据，并且您的应用会立即在Ionic应用的屏幕上显示更改。订阅之美！可能正好使用ReactiveFormsModule吗？

Ionic3，Angular 2，rxjs对象分配页面变量

1 个答案: