[英]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.