title: Ionic 2 Camera photo not showing
body: <p>I'm working on a simple app which should take a photo with the Camera. The Camera works and takes the picture. However I can't display the image. I get an empty grey box. In this box should the picture appear, which it doesn't. Anybody any idea?</p>
  
  <p>EDIT: When I run the app on the android emulator I can take a photo (built in android function) and show that in the app. Whenever I deploy it via the Ionic View app or in de iOS Emulator I cannot view the image.</p>
  
  <p>EDIT 2: I can run the app on a Android device. I assume that the Ionic View app is sometimes a little bit buggy.</p>
  
  <p>Here is my code :</p>
  
  <pre><code>&lt;ion-header&gt;
      &lt;ion-navbar&gt;
          &lt;ion-title&gt;
              Contact
          &lt;/ion-title&gt;
      &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  
  &lt;ion-content&gt;
      &lt;button ion-button (click)="takePicture()"&gt;Take photo&lt;/button&gt;
      &lt;button ion-button (click)="sendData()"&gt;Send&lt;/button&gt;
      &lt;ion-card&gt;
          &lt;ion-card-content&gt;
              &lt;img [src]="base64Image" *ngIf="base64Image" /&gt;
          &lt;/ion-card-content&gt;
      &lt;/ion-card&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>Typescript file:</p>
  
  <pre><code>import {Component} from '@angular/core';
  import {Camera} from 'ionic-native';
  
  
  @Component({
      selector: 'page-contact',
      templateUrl: 'contact.html'
  })
  export class ContactPage {
  
      public base64Image: string;
  
  constructor() {
  
  }
  
  takePicture() {
      Camera.getPicture({
          destinationType: 0,
          targetWidth: 1000,
          targetHeight: 1000
      }).then((imageData) =&gt; {
          this.base64Image = "data:image/jpeg;base64," + imageData;
      }, (err) =&gt; {
          console.log(err);
      });
  }
  }
  </code></pre>