title: angular ng-show / ng-hide not working correctly with ng-bind-html
body: <p>I want to set ng-show or ng-hide for my elements in html string and pass it to view with ng-bind-html but ng-show / ng-hide not working and my element always visible.</p>
  
  <p>This is my controller code:</p>
  
  <pre><code>  $scope.my = {
      messageTrue: true,
      messageFalse: false
    };
  
    $scope.HtmlContent = "&lt;div ng-show='{{my.messageFalse}}'&gt;This is incorrect (ng-show &amp; my.messageFalse={{my.messageFalse}})&lt;/div&gt; ";
    $scope.trustedHtml = $interpolate($scope.HtmlContent)($scope);
  </code></pre>
  
  <p>And this is my view code:</p>
  
  <pre><code>&lt;div ng-show="my.messageTrue"&gt;This is correct (ng-show &amp; my.messageTrue={{my.messageTrue}})&lt;/div&gt;
  &lt;div ng-hide="my.messageFalse"&gt;This is correct (ng-hide &amp; my.messageFalse={{my.messageFalse}})&lt;/div&gt;
  &lt;div ng-bind-html="trustedHtml"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><a href="http://plnkr.co/edit/tbmULwHdAimLoXJGLnEb?p=preview" rel="nofollow noreferrer">This is a Plnkr</a> for my question. (Thanks for <a href="https://stackoverflow.com/users/3798176/xaero">Xaero</a>)</p>
  
  <p>Sorry for my bad English. Thanks</p>