簡體   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