Modulo
=======================================================================================================================================

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { BrMaskerModule } from 'brmasker-ionic-3';
import { CadastroPage } from './cadastro';

@NgModule({
  declarations: [
    CadastroPage
  ],
  imports: [
    BrMaskerModule,
    IonicPageModule.forChild(CadastroPage)
  ],
})

export class CadastroPageModule {}

=======================================================================================================================================
Controller
=======================================================================================================================================

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, ToastController, Platform, MenuController, LoadingController } from 'ionic-angular';
import { FormBuilder, FormGroup, Validators } from '@angular/forms'
import { BrMaskerIonic3 } from 'brmasker-ionic-3';

import { MovieService } from '../../providers/service/MovieService';

@IonicPage()
@Component({
  selector: 'page-cadastro',
    templateUrl: 'cadastro.html',
    providers: [MovieService]
})

export class CadastroPage {

  cadastroForm: FormGroup;

  constructor(public navCtrl: NavController,
    public FormBuilder: FormBuilder,
    public platform: Platform,
    public form: FormBuilder,
    private movieService: MovieService,
    public toastCtrl: ToastController,
    public menuCtrl: MenuController,
    public loadingCtrl: LoadingController,
    public navParams: NavParams,
    public brMaskerIonic3: BrMaskerIonic3) {

    // Ocultar Menu
    this.menuCtrl.enable(false);

    // Executar ao Voltar Celular
    this.platform.registerBackButtonAction(() => {
      this.navCtrl.setRoot('ConfirmacaoPage', {}, { animate: true, direction: 'back' });
    });

    // Formulário de Cadastro
    this.cadastroForm = this.form.group({
      nmEntregador: ['', Validators.required],
      dtNascimento: ['', Validators.required],
      sexo: ['', Validators.required],
      celular: ['', Validators.required]
    })

  }

  ionViewDidLoad() {
  }

  // Efetuar Cadastro do Entregador
  cadastrar() {

    // Enviar Dados
    var entregador = {
      "cdEntregador": 0,
      "nmEntregador": this.cadastroForm.value.nmEntregador,
      "dtNascimento": this.cadastroForm.value.dtNascimento,
      "sexo": this.cadastroForm.value.sexo,
      "celular": this.cadastroForm.value.celular,
      "email": localStorage.getItem('email'),
      "senha": localStorage.getItem('senha'),
      "playerId": localStorage.getItem('playerId')
    };

    // Enviar Dados
    let dados = new FormData();
    dados.append('entregador', JSON.stringify(entregador));

    // Loading...
    let loading = this.loadingCtrl.create({ content: 'Salvando...' });
    loading.present();

    var self = this;
    this.movieService.WebService('wsSalvarEntregador', dados).then(function (retorno) {

      // Mensagem do Tost
      let toast = self.toastCtrl.create({ message: retorno.mensagem, duration: 3000, position: 'bottom' });
      toast.present(toast);

      if (retorno.sucesso) {
        localStorage.setItem('entregador', JSON.stringify(retorno.entregador));
        self.navCtrl.setRoot('HomePage', {}, { animate: true, direction: 'forward' });
      }

    });

    loading.dismiss();

  }

}

=======================================================================================================================================
view
=======================================================================================================================================

<ion-header>
  <ion-navbar color="danger">
    <ion-title>Fome Demais Logística</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <form [formGroup]="cadastroForm">



<ion-item>
  <ion-input type="text" name="celular" placeholder="celular" [brmasker]="{mask:'(00) 00000-0000', len:15}"></ion-input>
</ion-item>


    <ion-item>
      <ion-label stacked>Nome</ion-label>
      <ion-input type="text" name="nmEntregador" formControlName="nmEntregador"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label stacked>Data de Nascimento</ion-label>
      <ion-datetime name="dtNascimento" formControlName="dtNascimento" displayFormat="DD/MM/YYYY" cancelText="Cancelar" doneText="OK"></ion-datetime>
    </ion-item>

    <ion-list radio-group formControlName="sexo">
      <ion-grid>
        <ion-row>
          <ion-col col-12>
            <ion-label stacked>Sexo</ion-label>
          </ion-col>
        </ion-row>
        <ion-row>
          <ion-col col-6>
            <ion-radio value="F"></ion-radio> FEMININO
          </ion-col>
          <ion-col col-6>
            <ion-radio value="M"></ion-radio> MASCULINO
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-list>

    <!--
    <ion-item>
      <ion-label stacked>Celular</ion-label>
      <ion-input type="tel"  maxlength="15" name="celular" [(ngModel)]="celular" formControlName="celular"></ion-input>
    </ion-item>
    -->

    <button [disabled]="cadastroForm.invalid" ion-button block color="danger" class="botao" (click)="cadastrar()"> Cadastrar </button>

  </form>
</ion-content>