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

Question

I am trying to limit the characters i see on my angular js app. Currently i am using:

Answer 1

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.

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