title: Ionic / AngularJS base64 image won't display
body: <p>I am trying to simply display a base64 image in an Ionic app.</p>
  
  <p>The image won't display if I do this:</p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;img ng-src="data:image/jpeg;base64,{{myImage}}"/&gt;
  </code></pre>
  
  <p>Controller: </p>
  
  <pre><code>$scope.myImage= "/9j/4AAQSkZJ ...";
  </code></pre>
  
  <p>But the image WILL display if I just put the encoded string directly in the image element like this:</p>
  
  <pre><code> &lt;img ng-src="data:image/jpeg;base64,/9j/4AAQSkZJ ..."/&gt;
  </code></pre>
  
  <p>I have checked every unsafe security setting, looked at dozens of other SO posts, etc. If I put this small example in a CodePen, it works both ways. </p>
  
  <p>What could be happening to the <code>$scope.myImage</code> variable that would prevent it from binding to the image element? Is it an ionic thing? An angular issue?</p>