How to get Angular 2 Form Builder to work with <ion-select>

I have a and have it setup with Form Builder.

The only requirement is that the select is required but a user can pass the validation without selecting a item in the list.

No error is thrown and displayed?

Any ideas?

This is the structure Iā€™m working with:



  <form [formGroup]="form" (submit)="submitForm($event)">



        <ion-select formControlName="option">
          <ion-option value="1">Option 1</ion-option>
          <ion-option value="2">Option 2</ion-option>
          <ion-option value="3">Option 3</ion-option>
          <ion-option value="4">Option 4</ion-option>


    <button ion-button type="submit" [disabled]="!form.valid">




// Libraries
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { NavController } from 'ionic-angular';

// Pages
import { ResultPage } from '../result/result';

  selector: 'page-form',
  templateUrl: 'form.html'
export class FormPage {
  // Form group variable
  form: FormGroup;
  constructor(public formBuilder: FormBuilder, public navCtrl: NavController) {
    // Form control name with default value and validator
    this.form ={
      option: ['1', Validators.required]
  } // constructor()
  submitForm(event): void {
    // Prevent default submit action
    // Push view to ResultPage with form values
    this.navCtrl.push(ResultPage, {
      form: this.form.value
  } // submitForm(event)

did you solve this ?