繁体   English   中英

角度过滤器和ng-bind-html

[英]Angular filter and ng-bind-html

我有一个角度过滤器来限制字符串输出中的字符:

mod.filter('strLimit', ['$filter', function ($filter) {
  return function (input, limit) {
   if (!input) return;
   if (input.length <= limit) {
     return input;
   }

   return $filter('limitTo')(input, limit) + '...';
  };
}]);

但是,当我将其与ng-bind-html结合使用时,有时过滤器会截断输出,例如:

"This is a dummy string &ntil..."

通过使用mb_substr而不是substr,我能够在PHP上避免这种情况,因此我需要知道如何解决此问题。

好吧,我找到了没有ng-bind-html的方法。 我用he库创建另一个过滤器,以在剪切之前过滤字符串:

mod.filter('htmlEntitiesDecode', function () {

 return function (html) {
  return he.decode(html);
 }

});

图书馆就是这个: 他图书馆

所以现在我可以使用这种方式:

<p>{{ longString | htmlEntitiesDecode | strLimit : 50 }}</p>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM