在html中显示json格式列表时出错无法显示

在html中显示json格式列表时出错无法显示,html,angular,typescript,ionic2,Html,Angular,Typescript,Ionic2,在html文件中显示json格式的数据时,我遇到了一些问题。它工作成功,但不显示列表。这在我的代码中 import { Component } from '@angular/core'; import { Platform } from 'ionic-angular'; import { Hotspot, Network } from 'ionic-native'; @Component({ selector: 'page-home', templateUrl: 'home.ht

在html文件中显示json格式的数据时,我遇到了一些问题。它工作成功,但不显示列表。这在我的代码中

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { Hotspot, Network } from 'ionic-native';


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

export class HomePage {

 constructor(public platform: Platform){
   this.platform = platform
 }
   List(){
       Hotspot.scanWifi().then((networks:Array<Network>)=>{
       console.log(networks);
    });
  }
}  
从'@angular/core'导入{Component};
从“离子角度”导入{Platform};
从“离子本机”导入{Hotspot,Network};
@组成部分({
选择器:“主页”,
templateUrl:'home.html'
})
导出类主页{
建造商(公共平台:平台){
这个平台
}
列表(){
Hotspot.scanWifi().then((网络:阵列)=>{
控制台日志(网络);
});
}
}  
这是我的HTML文件

<ion-header>
  <ion-navbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <button ion-button color="Primary" (click)="List()">ScanWifi</button>
  <div *ngFor="let network of networks">
  <ion-list>
    <ion-item>
       <h2>{{network}}</h2><br>
    </ion-item>
  </ion-list>
  </div>
</ion-content>  

离子空白
ScanWifi
{{network}}

您必须在类中设置网络数组

export class HomePage {
networks:any;
 constructor(public platform: Platform){
   this.platform = platform
 }
   List(){
       Hotspot.scanWifi().then((networks:Array<Network>)=>{
       console.log(networks);
       this.networks = networks;//or do forEach and push
    });
  }
} 
导出类主页{
网络:任何;
建造商(公共平台:平台){
这个平台
}
列表(){
Hotspot.scanWifi().then((网络:阵列)=>{
控制台日志(网络);
this.networks=networks;//或执行forEach和push
});
}
} 

您只是在控制台上记录您的结果,您当前的代码:

List(){
  Hotspot.scanWifi().then((networks:Array<Network>)=>{
  console.log(networks);
});
以便您可以在视图中引用您的网络:

<div *ngFor="let network of networks">


编辑:我首先错误地“假设”需要将
Hotspot
注入构造函数,但通过一些研究,我发现Hotspot是一个带有方法的本地元素,因此只能由
Hotspot.scanWifi()调用。
请在问题中添加您的代码,而不是作为图像,谢谢网络未在任何地方定义。请提供错误消息和行号,我们无法完成您的代码我的应用程序已正确创建并运行,但未显示wifi列表这应该引发一系列控制台日志错误..对。。错过了热点。。如果这一点被忽略了,那么这一过程是如何顺利进行的呢?@suraj。。“运行平稳”,因为现在列表方法从未被调用。第一次也错过了;)@suraj取消删除您的答案,您是第一个给出答案的人,如果只是在控制台中记录结果是唯一的问题,您的答案应该被接受并投票表决;)(检查我答案的最后一部分)未捕获(承诺):cordova\u不可用此错误现在发生在更改之后这似乎是一个完全不同的问题,看看这是否有帮助。。。
<div *ngFor="let network of networks">