如何通过事件更改html中的值

时间:2018-01-17 03:29:22

标签: html typescript ionic2

我试图通过使用事件(离子)来获取价值,一旦它听到我的onSMSArrive'。实际上,我从事件中获得了价值。问题是,它不会改变我的应用程序中的值。

这是app.component.ts中的代码

this.events.publish('sms', this.word);

它会去我的家。

  events.subscribe('sms', (word) => {

     alert("word: " + word); //it really get the value
     this.word = word;
  });

我的home.html

<ion-input [(ngModel)]="word"></ion-input>

但很奇怪,当我触发应用程序到后台(而不是杀死),然后再次打开它。它确实改变了值。任何想法?

1 个答案:

答案 0 :(得分:0)

我猜ChangeDetectorRef会解决您的问题

使用如下

  constructor(private ref: ChangeDetectorRef) {}

然后在您的代码中

 events.subscribe('sms', (word) => {

       alert("word: " + word); //it really get the value
       this.word = word;
       this.ref.markForCheck();  //added
  });