title: Image is not rendering as text, when I bind it with angular js model in UI
body: <p>I've created one jsfiddle for the same <a href="http://jsfiddle.net/E9bU5/74/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <p>sample HTML code </p>
  
  <pre><code>&lt;div ng-app="myAppModule" ng-controller="someController"&gt;
  &lt;!-- Show the name in the browser --&gt;
  &lt;!-- Bind the input to the name --&gt;
  &lt;span ng-bind="showImage"&gt;&lt;/span&gt;
  &lt;/div&gt;
  &lt;script&gt;
  
  &lt;/script&gt;
  </code></pre>
  
  <p>sample angular js code</p>
  
  <pre><code>var myApp = angular.module('myAppModule', []);
  myApp.controller('someController', function($scope) {
  // do some stuff here
  $scope.showImage="&lt;a class='fancybox' href='http://i.imgur.com/9VFmFrN.jpg' data-fancybox-group='gallery' title='Personalized Title'&gt;&lt;img class='MaxUploadedSmallSized' src='http://i.imgur.com/9VFmFrNs.jpg' alt=''&gt;&lt;/a&gt;";
  </code></pre>
  
  <p>I'm trying to render image from angular js model on front end UI but it is coming as text.</p>
  
  <p>I've tried $compile property of angular js too but that is not working too.</p>
  
  <p>snapshot</p>
  
  <p><img src="https://i.stack.imgur.com/3lKwT.jpg" alt="enter image description here"></p>