ng-if is not working for me. I had to use ng-show instead...

[LaurentIsRunning]

In the directive, here is the line I had to use, for the template, to make it work:

<canvas ng-hide="image"></canvas><img ng-show="image" ng-src="{{canvasImage}}"/>

This is not really great in term of performance...

With the ng-if, the canvas and the image were shown. Actually the ng-if was not working for me...

[recmo]

I have the same issue. I worked arround it by setting the image="true" attribute. I have tested the above change and it also works.

[recmo]

The appearent cause was this issue https://github.com/angular/angular.js/issues/7183 in Angular.js. My use of <qr> was indeed include via a templateUrl. Upgrading Angular.js from 1.0.7 to 1.3.15 fixed it for me.