angular ng-bind-html

by Sajeetharan Sinnathurai

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular-sanitize.min.js"></script>
<div ng-controller="foo">

  <div ng-bind-html="retrievedData.summary.classAvgGrade"></div>

</div>

JavaScript

var data = {
  summary:{
  classAvgGrade:0//10 (change by yourself)
  }
}

angular.module('myapp', ['ngSanitize'])
  .controller('foo', function($scope, $interval) {
    $interval(function() {
      $scope.retrievedData = data;
    }, 1000);
  });

angular.bootstrap(document, ['myapp']);