fix(watch): change orchestration of calls to please change detection

dev mode check two times the dom. It causes problem with nested bindings

(http://stackoverflow.com/questions/34364880/expression-has-changed-after-it-was-checked/34364881#34364881).

The current implementation work around that in dev mode

Fixes #66

src/components/mobile-error/mobile-error.html

@@ -1,6 +1,5 @@
 <div class="form-group">
-  <div *ngFor="let error of errors"
-  		class="error-message">
+  <div *ngFor="let error of errors" class="error-message">
     {{ error | translate }}
   </div>
 </div>

src/components/mobile-input/mobile-input.html

@@ -29,7 +29,7 @@
       [formControl]         = "control" 
       [(ngModel)]           = "value"
       (ngModelChange)       = "valueChange.emit($event);"
-      [ngClass]             = "{'ng-not-empty': (value || 0 !== value.length)}"
+      [ngClass]             = "{'ng-not-empty': (value== null || value || 0 !== value.length)}"
     > 
 
     <span class="highlight"></span>

src/components/mobile-input/mobile-input.ts

@@ -52,9 +52,10 @@ export class MobileInput {
 	    /**
 	   * Pull the brands
 	   */
-	ngAfterViewInit() {
+	ngOnInit() {
 
-	    if(this.control == null || this.id == null){
+	    if(this.control == null || this.id == null
+	    	|| this.control == undefined || this.id == undefined){
 	    	throw "[Control] and [id] must be set";
 	    }
 

src/pages/watch/watch.ts

@@ -1,6 +1,6 @@
 import { AlertController, NavController, NavParams} from 'ionic-angular';
 
-import {Component} from '@angular/core';
+import {Component, Output, EventEmitter} from '@angular/core';
 import { FormBuilder } from '@angular/forms';
 
 import {
@@ -21,9 +21,7 @@ export class WatchPage extends WatchComponent {
 
 	background:string = "addWatch-background";
 	slogan:string ="add-new-watch";
-	errors = [
-		{flag:this.error, label:"error"}
-	];
+	errors = [];
 
 	constructor(
 		//Own injections
@@ -51,17 +49,9 @@ export class WatchPage extends WatchComponent {
 			}
 		);
 
-		//The view is used for edit and create watches both.
-		//Here, we check if we received a watch and adapt the 
-		//textual context of the view.
 		let receivedWatch:Watch = this.navParams.get('watch');
-		console.log(this.navParams.get('watch'));
-		if (receivedWatch !== undefined){
+		this.watchModel = receivedWatch.clone();
 
-			this.watchModel = receivedWatch.clone();
-			this.slogan = "edit-watch";
-			this.initForm();
-		}	
 	}
 
 	/**