[英]How to apply Angular2 pipes to dynamic content?
我需要應用管道(轉換)來格式化通過API提供的動態內容。 數據實際上是通過自定義格式化程序應用的,該格式化程序實際上綁定到元素上的[innerHTML]。 問題是我附加的管道不適用。
例如,我收到以下值AB123456D (英國,國家保險編號),並且要顯示為AB 12 34 45 D
我的限制是使用[innerHTML]通過綁定將數據格式化並插入到模板中。
// template
<span *ngSwitchWhen="'html'" [innerHTML]="display"></span>
// helper function
display(): string {
...
return this.column.formatter.replace(/\{([^}]*)\}/g, (match, id) => _.get(this.data, id));
...
}
// formatter looks like this and my pipe's name is `ni`
<div>{niNum} | ni</div>
渲染后,我看到以下內容...
AB123456D | ni
當我想/期望看到...
AB 12 34 45 D
有什么想法可以實現,或者是否有可能?
Angular不會以任何方式處理[innerHtml]="..."
添加的內容。 它只是按原樣傳遞給瀏覽器。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.