Q:

Simple way to limit characters in ng-bind-html Angular JS

I am trying to limit the characters i see on my angular js app. Currently i am using:
<p ng-bind-html="item.get('Content') | limitTo: 150"></p>  

But no joy, any ideas...

A:

I don't think that will work with ng-bind-html. This is for binding actual html code to the page. ng-bind should work fine.
<p ng-bind="item.get('Content') | limitTo: 150"></p>  

See plunkr http://plnkr.co/edit/y0LXMMFi6sU9AhShvuha?p=preview 
EDIT:
Since you do have HTML code in it, you'll need to use ngSanitize. You can read about that here: https://docs.angularjs.org/api/ngSanitize
Add the reference to angular-sanitize.js, then import it into the app
var app = angular.module('plunker', ['ngSanitize']);

Then your original code should work fine, although it's likely parts of it will be cut off, including ending tags, so you'll need to deal with that.
See plnkr: http://plnkr.co/edit/y0LXMMFi6sU9AhShvuha?p=preview

A:

since you use ng-bind-html you also need $sce, so my advice do it in your controller. Like so
Ctrl.$inject= ['$sce', '$filter', '$scope'];
Function Ctrl($sce, $filter, $scope) {
  $scope.content= $filter('limitTo')(dataWithHtml, 100, 0);
  $scope.content= $sce.trustAsHtml($scope.content);
}

on html you can use like so:
<p ng-bind-html="content"></p>

in this case I assume your original data is dataWithHtml, 100 is the limit number, 0 is the starting point. More details please refer to official documentations.

