Ionic / Angular：ngForは更新されません

debugcn 投稿 Dev

ヨナサンM。

アクティブなデバイスのリストを作成しようとしています。この情報をインスタンス変数に保持しますscreens。変更を加えるとsetTimeOut機能しますが、callbackセクションで変更を加えると機能しません。

コードは次のとおりです。

import { Component } from "@angular/core";
import { NavController } from "ionic-angular";
import { Zeroconf } from '@ionic-native/zeroconf';

@Component({
  selector: "page-home",
  templateUrl: "home.html"
})

export class HomePage {

  screens: Array<{name: any, ip: any}> = [];

  constructor(public navCtrl: NavController, private zeroconf: Zeroconf) {


    this.screens.push({
      name: "TEST",
      ip: "123"
    })

    setTimeout(() => {
      this.screens.push({
        name: "TEST2",
        ip: "Test2"
      })
    }, 1000);

    setTimeout(() => {
      this.screens.push({
        name: "TEST3",
        ip: "Test3"
      })
    }, 2000);

    setTimeout(() => {
      this.screens.push({
        name: "TEST4",
        ip: "Test4"
      })
    }, 10000);

     this.zeroconf.watch('_http._tcp.', 'local.').subscribe(result => {
      if (result.action == 'added') {
        this.screens.push({              //This is not working
          name: result.service.name,
          ip: result.service.ipv4Addresses
        });
        setTimeout(() => {
          this.screens.push({
            name: result.service.name,
            ip: result.service.ipv4Addresses
          });
        }, 1000);
      } else {
        console.log('service removed', result.service);
      }
    });

  }

}

これの考えられる原因は何ですか？

スーリアン

定期的に更新するにはBehaviorSubjectが必要な場合があります

あなたの共有サービスで定義する

    listOfScreens: BehaviorSubject<any[]> = new BehaviorSubject<any[]>([]);

    addScreens(newData) {
    this.listOfScreens.next(this.listOfScreens.getValue().concat([newData]));
}

そしてあなたのコンポーネントで

ngOnInit() {
  this.sharedService.listofScreens.subscribe(
    screens => this.screens = screens
  )
}

addScreens() {
  let data = {
  name: "TEST",
  ip: "123"
}
  this.sharedService.addScreens(data);
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]