title: 'ng-bind-html-unsafe' doesn't display anything
body: <p>I'm displaying a string that has HTML code in it from the JSON.
  Please check the 'Name' property in the 2nd object.</p>
  
  <p>However, when I use 'ng-bind-html-unsafe' it doesn't display anything.</p>
  
  <p>I've used ngSanitize as well.</p>
  
  <p>Could you please help me figure out what's wrong with my code?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>angular.module('myApp', ['ngSanitize']).controller('myCtrl', ['$scope', '$sce', function($scope, $sce){
    $scope.card = [{
      Name: "New Year Celebration",
      Description: "",
      Venue: "",
      StartDate: "Fri Dec 29 2017 23:30:00 GMT+0530",
      EndDate: "Sat Dec 30 2017 00:30:00 GMT+0530",
      EventID: "1"
    }, {
      Name: "&amp;lt;P&amp;gt;25th Anniversary Celebration&amp;lt;/P&amp;gt;",
      Description: "25th Anniversary Celebration of organization",
      Venue: "Auditorium",
      StartDate: "Wed May 31 2017 17:30:00 GMT+0530",
      EndDate: "Wed May 31 2017 20:30:00 GMT+0530",
      EventID: "2"
    }, {
      Name: "Annual Day",
      Description: "",
      Venue: "",
      StartDate: "Fri Oct 13 2017 14:30:00 GMT+0530",
      EndDate: "Fri Oct 13 2017 17:30:00 GMT+0530",
      EventID: "3"
    }];
    
    $scope.trustAsHtml = function(html) {
   return $sce.trustAsHtml(html);
    }
    $scope.add = function(eventObj) {
    $scope.eventID= this.eventObj.EventID;
    $scope.startDate= this.eventObj.StartDate;
      $scope.endDate= this.eventObj.EndDate;
      $scope.venue= this.eventObj.Venue;
      $scope.subject= this.eventObj.Name;
      $scope.result= this.eventObj.Description;
    //console.log(this);
      $scope.icsMSG = "BEGIN:VCALENDAR\nVERSION:2.0\nBEGIN:VEVENT\nDTSTART:" + $scope.startDate +"\nDTEND:" + $scope.endDate +"\nLOCATION:" + $scope.venue + "\nSUMMARY:" + $scope.subject + "\nDESCRIPTION:"+ $scope.result +"\nEND:VEVENT\nEND:VCALENDAR";
   window.open("data:text/calendar;charset=utf8," + escape($scope.icsMSG),"_self");
    };
  }]);</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.event {
    height: 150px;
    width: 250px;
    border: 1px solid lightgrey;
    background-color: skyblue;
    margin: 10px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.6.5/angular-sanitize.js"&gt;&lt;/script&gt;
  
  &lt;div ng-app="myApp" ng-controller="myCtrl"&gt;
    &lt;div ng-repeat="eventObj in card" class="event"&gt;
    Subject: &lt;span ng-bind-html="trustAsHtml(eventObj.Name)"&gt;&lt;/span&gt;
    &lt;br /&gt;&lt;br /&gt; 
    Venue:&lt;span&gt;{{eventObj.Venue}}&lt;/span&gt;
    &lt;br /&gt;&lt;br /&gt; 
    Date:&lt;span&gt;{{eventObj.StartDate | date:'fullDate'}}&lt;/span&gt;
    &lt;br /&gt;&lt;br /&gt;
    &lt;button ng-click="add(eventObj.EventID)"&gt;Add to Outlook&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>