How to scan the wifi in ionic 3?(android)

Hi, I am going to teach about how to scan the surrounding wifi in ionic 3 and angular 4?(android and ios)

First we want install the cordova and ionic Native Plugin.
              $ ionic cordova plugin add cordova-pulgin-hotspot
              $ npm install --save @ionic-native/hotspot

app.module.ts
            Now we want to import following lines in app.module.ts
            import { Hotspot, HotspotNetwork } from '@ionic-native/hotspot';
             ......
             ......
            providers: [

       ....
       ....
          Hotspot,
         ]

Home.ts

import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';
import { Hotspot, HotspotNetwork } from '@ionic-native/hotspot';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'})
export class HomePage {
  data: any;
  constructor(public navCtrl: NavController,private hotspot: Hotspot) {

  }

  ionViewDidLoad(){
    this.hotspot.scanWifi().then((networks: Array<HotspotNetwork>) => {
      this.data=networks;
      console.log(".........hotspot..........",JSON.stringify(networks));
    });

  }
}

Home.html

       <ion-header>

           <ion-navbar>

              <ion-title>

                 Wifi Scanner

             </ion-title>

         </ion-navbar>

      </ion-header>

    <ion-content>

     <ion-list>

        <ion-item *ngFor="let x of data">

            <ion-avatar item-start>

            <img src="assets/img/images.png">

            </ion-avatar >

             <p>{{x.SSID}}</p>

          </ion-item>

      </ion-list>

   </ion-content>