我最近正在寻求一种解决方案,其中我需要动态添加角度中的pipes
,因此我使用innerHTML
属性绑定-但是问题是,只有在循环数据时,我才会知道应该添加哪种管道
InnerHTML中的管道
<span [innerHTML]="element | pipe1 | pipe2"></span>
上面的示例按预期工作,但是如果尝试像下面这样动态绑定管道不起作用
bindPipe = "| pipe1 | pipe2";
<span [innerHTML]="element + bindPipe"></span>
我在component.ts
中将管道类型添加为字符串属性,并将其映射到HTML中,但是最初管道类型将在值数组中动态循环
在上述情况下,管道类型被视为字符串连接并在UI中呈现-是否可以像上面那样绑定管道类型的选项-我可能是错的,但是我尝试了所有解决方案,例如添加指令并将其绑定但没有效果
我认为,我缺少一些东西-请帮助
修改
如果我尝试下面的代码-没有机会
bindPipe = "<span>test | pipe1 | pipe2</span>"
<span [innerHTML]="bindPipe"></span>