Angular2 : HTML 속성 내에서 이스케이프 문자열

Question

그래서 앵그 2 앱에 부트 스트랩을 통합하기 위해 ng-bootstrap 구성 요소를 사용하려고합니다.

튜토리얼을 따라, 나는 내 서버에서 가져온 기사를 표시하기 위해 아코디언과 같은 구조를 만들었습니다.

템플릿이 문제는 그래서

" 

같은 특수 HTML 문자를 포함 할 수 있습니다 AMD article.summary을 article.title 사실에있다이

<ngb-accordion *ngFor="let article of articles"> 
    <ngb-panel title="{{ article.title }}"> 
    <template ngbPanelContent>{{ article.summary }}</template> 
    </ngb-panel> 
</ngb-accordion> 

처럼, 방법에있다 이것을 작은 따옴표 (')로 바꾸십니까? 지금까지 발견 한 모든 해결책은 엘리먼트 안에 html을 주입하는 것입니다. 이는 제 경우는 아닙니다.

정보가 도움이 될 것입니다. 감사합니다.

Answer 1

를 사용하여 정규 표현식이 너무

<ngb-accordion *ngFor="let article of articles"> 
    // Add this line, escape it so it won't terminate prematurely 
    // Note: no curly braces 
    <ngb-panel title="article.title.replace(/\"/g, '')"> 
    <template ngbPanelContent>{{ article.summary }}</template> 
    </ngb-panel> 
</ngb-accordion>