angularjs - ng-bind-html not working for data from parse -

i building app in angular.js data parse, trying display data without html tags , using:

<p ng-bind-html="item.get('content') | limitto: 100"></p>  

but nothing being displayed, if use:

<p>{{item.get('content')}}</p> 

the data displayed html tags.

any ideas?

angular.module('app', [])    .filter('trustashtml', ['$sce', function($sce){    return function(text) {      return $sce.trustashtml(text);    };  }])    .controller('ctrl', ['$scope', function($scope) {    $scope.htmls = [      "<a href='javascript:alert(1)'>1</a>",      "<a href='javascript:alert(2)'>2</a>",      "<a href='javascript:alert(4)'>4</a>",      "<a href='javascript:alert(8)'>8</a>",      "<a href='javascript:alert(16)'>16</a>",      "<a href='javascript:alert(32)'>32</a>",      "<a href='javascript:alert(64)'>64</a>",      "<a href='javascript:alert(128)'>128</a>",      "<a href='javascript:alert(256)'>256</a>",      "<a href='javascript:alert(512)'>512</a>",      "<a href='javascript:alert(1024)'>1024</a>"    ];  }]);

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>    <div ng-app="app" ng-controller="ctrl">    <p ng-repeat="html in htmls | limitto:9" ng-bind-html="html | trustashtml">    </p>  </div>