ng-bind-html demonstrate

by Ebin Manuval

HTML

<div ng-app="myapp"  ng-controller="sampleController">
  <div ng-bind-html="content|trustAs">
  </div>
</div>

JavaScript

var myapp = angular.module('myapp', []);
myapp.controller('sampleController', function($scope, $http, $sce) {
$scope.content='<div> Your html</div>';  

})
.filter('trustAs', ['$sce', 
        function($sce) {
            return function (input, type) {
                if (typeof input === "string") {
                    return $sce.trustAs(type || 'html', input);
                }
                console.log("trustAs filter. Error. input isn't a string");
                return "";
            };
        }
    ]);