How to send SMS message in ionic 3 using Cordova plugin?(android and IOS)

Hi, I am going teach about how to send SMS message in ionic 3 and Angular 4.

First, we want to install the Cordova and ionic Native Plugin.
                   $ ionic cordova plugin add cordova-sms-plugin
                   $ npm install --save @ionic-native/sms
Home.html  
      <ion-header>
          <ion-navbar>
             <ion-title>
                   SMS
             </ion-title>
           </ion-navbar>
       </ion-header>
      <ion-content padding fullscreen="true">
            <div style="margin-top: 3cm">
                 <ion-list>
                    <ion-item>
                        <ion-label floating>Message</ion-label>
                     <ion-input type="text"  name="message" [(ngModel)]="message"></ion-input>
                     </ion-item>
                  </ion-list>
            <div text-center>
          <button ion-button (tap)="send()">Send</button>
            </div>
          </div>
       </ion-content>
app.module.ts
     import { SMS } from '@ionic-native/sms';
     providers: [
    ...
    ...

    SMS,
    ...
     ]

Html.ts

import { Component } from '@angular/core';
import {NavController, ToastController} from 'ionic-angular';
import { SMS } from '@ionic-native/sms';
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'})
export class HomePage {
  message:any;
  constructor(private sms: SMS,public toastCtrl: ToastController) {
    this.message = '';
  }

  send(){
    this.sms.send("9XXXXXXXX3", this.message)
      .then(()=>{
        let toast = this.toastCtrl.create({
          message: 'Message send successfully',
          duration: 3000        });
        toast.present();
      },()=>{
        let toast = this.toastCtrl.create({
          message: 'Failure',
          duration: 3000        });
        toast.present();
      });
  }
}