각도 선행 입력 필터 : 사용 html 태그

Question

내가 지금과 같은 선행 입력 제안 목록에 추가 항목을 추가 할 각 선행 입력과 필터를 사용하고

:

app.filter('finalAppend', function($sce){ 
    return function(array, value){ 
    array.push({ 
    name: $sce.trustAsHtml('Look for <b>' + value + '</b> in other shops'), 
    type: 'good' 
    }); 
    return array; 
    } 
}); 

내가 html로 인코딩 된 문자열을 반환하고 싶지만, 각도 자동으로 그것을 위생적으로 만든다. 나는 권장대로 $ sce를 사용하여 시도했지만 작동하지 않는 것 같습니다. 여기 plunkr : plunkr

미리 감사드립니다.

Answer 1

ui-bootstrap 0.7.0에서 보이는 것처럼, typehead 강조 필터와 자신의 finalAppend 필터간에 충돌이 있습니다.

<div ng-if="match.model.type!=null"> 
    <span ng-bind-html="match.label"></span> 
</div> 

을 자동으로 각도에 의해 발생 된 보안 오류를 방지하기 위해 각 살균을로드 :

그냥이에 tpl.html을 변경합니다.

<script src="http://code.angularjs.org/1.3.1/angular-sanitize.js"></script> 

앱에 ngSanitize를 삽입하십시오.

var app = angular.module('myApp', ['ui.bootstrap', 'ngSanitize']); 

그리고 작동합니다. 여전히 선행 입력 내부 강조 필터를 사용하려면 Here is the plunker address.

그러나, 당신은 (이미 데모에서 변경) 당신이에 UI - 부트 스트랩을 변경할 수 있습니다 :이 작업 할 수

<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.2.js"></script> 

희망. 그것을 즐겨라. :)