title: Ionic2 - Ion-select broken in specific page
body: <p>I'm doing an Ionic 2 app, the problem is when going to a specific page the ion-select component does not work and show properly, but on other pages this component works.</p>
  
  <p>Here is the TypeScript file:</p>
  
  <pre><code>// ...
  
  @Component({
    selector: 'page-new-filter',
    templateUrl: 'new-filter.html'
  })
  
  export class NewFilterPage {
    form: FormGroup;
    accountId: number;
    localFolders: any;
  
    constructor(public navCtrl: NavController, public navParams: 
  NavParams, private platform: Platform, private folders: 
  FoldersProvider, private auth: AuthProvider, private formBuilder: 
  FormBuilder) {
      this.accountId = navParams.get('id');
  
      this.form = formBuilder.group({
        type: ["", Validators.required],
        filterText: ["", Validators.required],
        folder: ["", Validators.required]
      });
  
      this.localFolders = [];
  
      this.platform.ready().then(() =&gt; {
        this.folders.getLocalFolders(this.accountId).then((data: any) =&gt; {
  
          for(let i = 0; i &lt; data.length; i++) {
            console.log(JSON.stringify(data.item(i)));
            this.localFolders.push(data.item(i));
          }
  
          console.log(JSON.stringify(this.localFolders));
          console.log(this.accountId);
      });
    });
   }
  
   // ...
  
   // ...
  }
  </code></pre>
  
  <p>My HTML file:</p>
  
  <pre><code>...
  
  &lt;ion-list&gt;
  &lt;form [formGroup]="form"&gt;
  
    &lt;ion-item&gt;
      &lt;ion-label&gt;Filtrar por...&lt;/ion-label&gt;
      &lt;ion-select formControlName="type" name="type"&gt;
        &lt;ion-option value="ssw" selected="true"&gt;Asunto comienza por&lt;/ion-option&gt;
        &lt;ion-option value="sc"&gt;El asunto contiene&lt;/ion-option&gt;
        &lt;ion-option value="si"&gt;El asunto es&lt;/ion-option&gt;
        &lt;ion-option value="fc"&gt;El remitente contiene&lt;/ion-option&gt;
      &lt;/ion-select&gt;
    &lt;/ion-item&gt;
  
    ...
  
    &lt;ion-item&gt;
      &lt;ion-label&gt;Enviar los mensajes a...&lt;/ion-label&gt;
      &lt;ion-select formControlName="folder"&gt;
        &lt;ion-option value="1" selected="true"&gt;Prueba&lt;/ion-option&gt;
        &lt;ion-option value="2"&gt;Prueba1&lt;/ion-option&gt;
        &lt;ion-option value="3"&gt;Prueba2&lt;/ion-option&gt;
  
      &lt;/ion-select&gt;
    &lt;/ion-item&gt;
  
    ...
  
  &lt;/form&gt;
  </code></pre>
  
  <p></p>
  
  <p>package.json:</p>
  
  <pre><code>/*...*/
  
  "dependencies": {
      "@angular/common": "2.4.8",
      "@angular/compiler": "2.4.8",
      "@angular/compiler-cli": "2.4.8",
      "@angular/core": "2.4.8",
      "@angular/forms": "2.4.8",
      "@angular/http": "2.4.8",
      "@angular/platform-browser": "2.4.8",
      "@angular/platform-browser-dynamic": "2.4.8",
      "@angular/platform-server": "2.4.8",
      "@ionic-native/core": "^3.8.1",
      "@ionic-native/in-app-browser": "3.1.1",
      "@ionic-native/secure-storage": "^3.4.4",
      "@ionic-native/splash-screen": "3.1.1",
      "@ionic-native/sqlite": "^3.4.4",
      "@ionic/storage": "2.0.0",
      "angular2-jwt": "^0.1.28",
      "cordova-android": "^6.2.3",
      "cordova-plugin-console": "^1.0.5",
      "cordova-plugin-device": "^1.1.4",
      "cordova-plugin-secure-storage": "^2.6.5",
      "cordova-plugin-splashscreen": "^4.0.3",
      "cordova-plugin-statusbar": "^2.2.1",
      "cordova-plugin-whitelist": "^1.3.1",
      "cordova-sqlite-storage": "^2.0.4",
      "ionic-angular": "2.3.0",
      "ionic-native": "2.2.11",
      "ionic-plugin-keyboard": "^2.2.1",
      "ionicons": "3.0.0",
      "rxjs": "5.0.1",
      "socket.io-client": "^1.7.2",
      "sw-toolbox": "3.4.0",
      "ts-md5": "^1.2.0",
      "zone.js": "0.7.2"
  },
  "devDependencies": {
      "@ionic/app-scripts": "1.1.4",
      "@ionic/cli-plugin-cordova": "1.1.2",
      "@ionic/cli-plugin-ionic-angular": "1.1.2",
      "typescript": "2.0.9"
  },
  "cordovaPlugins": [
      "cordova-plugin-whitelist",
      "cordova-plugin-console",
      "cordova-plugin-statusbar",
      "cordova-plugin-device",
      "cordova-plugin-splashscreen",
      "ionic-plugin-keyboard"
  ],
  "cordovaPlatforms": [],
  /* ... */
  "cordova": {
      "plugins": {
          "cordova-plugin-console": {},
          "cordova-plugin-device": {},
          "cordova-plugin-secure-storage": {},
          "cordova-plugin-splashscreen": {},
          "cordova-plugin-statusbar": {},
          "cordova-plugin-whitelist": {},
          "cordova-sqlite-storage": {},
          "ionic-plugin-keyboard": {}
      },
      "platforms": [
          "android"
      ]
  }
  </code></pre>
  
  <p>Output of <code>ionic info</code> command:</p>
  
  <pre><code>global packages:
  
  @ionic/cli-utils : 1.1.2
  Cordova CLI      :  You have been opted out of telemetry. To change this, run: cordova telemetry on. 7.0.1 
  Ionic CLI        : 3.1.2
  
  local packages:
  
  @ionic/app-scripts              : 1.1.4
  @ionic/cli-plugin-cordova       : 1.1.2
  @ionic/cli-plugin-ionic-angular : 1.1.2
  Ionic Framework                 : ionic-angular 2.3.0
  
  System:
  
  Node       : v7.10.0
  OS         : Linux 4.4
  Xcode      : not installed
  ios-deploy : not installed
  ios-sim    : not installed
  </code></pre>
  
  <p>Screenshots of the app running, these ion-select does not work:</p>
  
  <p><img src="https://i.imgur.com/ODTEqom.png" alt="Broken ion-select">
  <img src="https://i.imgur.com/xQMMS98.png" alt="Broken ion-select 2"></p>
  
  <p>Also selected multiple radio buttons are allowed:</p>
  
  <p><img src="https://i.imgur.com/OFYQqAJ.png" alt="Broken radio buttons"></p>
  
  <p>However, this ion-select of a different page works:</p>
  
  <p><img src="https://i.imgur.com/0fgbBQJ.png" alt="Working1">
  <img src="https://i.imgur.com/wVfgHcm.png" alt="Working2"></p>
  
  <p>Thanks in advance.</p>