Image not refreshed after taking a photo from a camera
<p>I am using this simple code with ionic 2 :</p>

<pre><code>&lt;button (click)="takePicture()" &gt;Take a pic!&lt;/button&gt;
&lt;img [src]="url || '//:0'"&gt;
</code></pre>

<p>Then this is my Typescript page :</p>

<pre><code>import {Page} from "ionic-framework/ionic";

@Page({
    templateUrl: 'build/pages/smartscan/smartScan.html'
}
)

export class SmartScan {

public url:string;

constructor() {
    console.log("Starting SmartScan page ...");
}

public takePicture() {
    console.log("Going to take a pic ...");
    navigator.camera.getPicture( (imageURI) =&gt; {

        this.url = imageURI;

        console.log("URI of the picture taken is : "+this.url);

        console.log(JSON.stringify(this));

        //var image = document.getElementById('myImage');
        //image.src = imageURI;

    }, function (err) {
        console.log(JSON.stringify(err));
    }, {});

   /* this.url = "http://maison-cresci.fr/uploads/images/nice_cresci_slide_environnement_003.jpg";
*/
}

}
</code></pre>

<p>After taking the picture, nothing is displayed. I noticed that the "src" is not updated by Angular. I tested a part of the code in comments thats works using "var image= ... image.src=..." but is directly manipulating the DOM and I don't want this.</p>

<p>Please can you see where the problem is ?</p>