title: Display HTML in AngularJS
body: <p>I have a angular coding what need insert html tags, I found out I can use  <code>ngSanitize</code> :<a href="https://docs.angularjs.org/api/ngSanitize" rel="nofollow noreferrer">https://docs.angularjs.org/api/ngSanitize</a> , but I don't whant load another library in that project.</p>
  
  <p>I tried this: <a href="https://stackoverflow.com/questions/23547936/angularjs-render-html-in-scope-variable-in-view">AngularJS : Render HTML in $scope variable in view</a></p>
  
  <p>but I could not make work.</p>
  
  <p>It's any way to do this without load another angular library? </p>
  
  <p><strong>html:</strong></p>
  
  <pre><code>&lt;div ng-controller="MyCtrl"&gt;
    &lt;ul class="procedures"&gt;
      &lt;li ng-repeat="procedure in procedures"&gt;
        &lt;h4&gt;&lt;a href="#" ng-click="show = !show"&gt;{{procedure.icon}}&lt;/a&gt;&lt;/h4&gt;
        &lt;div class="procedure-details" ng-show="show"&gt;
          &lt;p&gt;text here: {{procedure.text}}&lt;/p&gt;
          &lt;p&gt;your number is: {{procedure.number}}&lt;/p&gt;
          &lt;p&gt;price you will pay: {{procedure.price}}&lt;/p&gt;
        &lt;/div&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>var myApp = angular.module('myApp', []);
  
  //myApp.directive('myDirective', function() {});
  //myApp.factory('myService', function() {});
  
  function MyCtrl($scope) {
    $scope.procedures = [{
      icon: '&lt;i class="fa fa-american-sign-language-interpreting" aria-hidden="true"&gt;&lt;/i&gt;',
      text: 'test text',
      number: 1,
      price: 10000
    }];
  
  
  }
  </code></pre>
  
  <p><strong>jsfiddle:</strong></p>
  
  <p><a href="http://jsfiddle.net/wD7gR/247/" rel="nofollow noreferrer">http://jsfiddle.net/wD7gR/247/</a></p>