AngularJS: Czy możliwa jest dezynfekcja i połączenie w tej samej dyrektywie?

Question

Jeśli spróbuję przefiltrować fragment z linky, dane wejściowe nie są już oczyszczone/renderowane/"html-ized". to znaczy chcę, aby być w stanie połączyć efekty zarówno:

<div ng-bind-html="snippet"></div> 

i

<div ng-bind-html="snippet | linky"></div> 

Oto skrzypce: http://jsfiddle.net/5uSnj/

Answer 1

linky bierze tekst jako dane wejściowe, a nie HTML. jeśli chcesz filtr, który przyjmuje html jako dane wejściowe, musi działać zupełnie inaczej. proszę zobaczyć: https://github.com/angular/angular.js/pull/3285#issuecomment-21958391

Answer 2

przykro Igor Minar głosowałem odpowiedzieć, ale chcę zobaczyć zamieścić swoje funkcje bez innych usług:

app.filter('htmlLinky', function($sanitize, linkyFilter) { 
    var ELEMENT_NODE = 1; 
    var TEXT_NODE = 3; 
    var linkifiedDOM = document.createElement('div'); 
    var inputDOM = document.createElement('div'); 

    var linkify = function linkify(startNode) { 
    var i, ii, currentNode; 

    for (i = 0, ii = startNode.childNodes.length; i < ii; i++) { 
     currentNode = startNode.childNodes[i]; 

     switch (currentNode.nodeType) { 
     case ELEMENT_NODE: 
      linkify(currentNode); 
      break; 
     case TEXT_NODE: 
      linkifiedDOM.innerHTML = linkyFilter(currentNode.textContent); 
      i += linkifiedDOM.childNodes.length - 1 
      while(linkifiedDOM.childNodes.length) { 
      startNode.insertBefore(linkifiedDOM.childNodes[0], currentNode); 
      } 
      startNode.removeChild(currentNode); 
     } 
    } 

    return startNode; 
    }; 

    return function(input) { 
    inputDOM.innerHTML = input; 
    return linkify(inputDOM).innerHTML; 
    }; 
}); 

ng-bind-html = "html | htmlLinky"