angularjs – 在ng-bind-html Angular JS中限制字符的简单方法

前端之家收集整理的这篇文章主要介绍了angularjs – 在ng-bind-html Angular JS中限制字符的简单方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图限制我在角度js app上看到的角色.目前我正在使用:

<p ng-bind-html="item.get('Content') | limitTo: 150"></p>

但没有快乐,任何想法……

解决方法

我认为这不适用于ng-bind-html.这是为了将实际的HTML代码绑定到页面. ng-bind应该可以正常工作.

<p ng-bind="item.get('Content') | limitTo: 150"></p>

见plunkr http://plnkr.co/edit/y0LXMMFi6sU9AhShvuha?p=preview

编辑:

由于您确实有HTML代码,因此您需要使用ngSanitize.你可以在这里阅读:https://docs.angularjs.org/api/ngSanitize

添加对angular-sanitize.js的引用,然后将其导入应用程序

var app = angular.module('plunker',['ngSanitize']);

然后你的原始代码应该可以正常工作,虽然它的一部分可能会被截断,包括结束标记,所以你需要处理它.

见plnkr:http://plnkr.co/edit/y0LXMMFi6sU9AhShvuha?p=preview

猜你在找的Angularjs相关文章