小编Sha*_*les的帖子

如何将 Pipe 发送到组件

有没有办法将管道发送到组件?我有一个显示数据的组件,我想让用户选择他想要使用哪个管道来显示数据,例如:

<app-my-component value="abcde" [pipe]="UpperCasePipe"></app-my-component>
<app-my-component value="0.95" [pipe]="PercentPipe"></app-my-component>
<app-my-component [value]="[1,2,3,4]" [pipe]="MySummarizePipe"></app-my-component>
Run Code Online (Sandbox Code Playgroud)

所以,我需要的是这样的:

@Component({
  selector: 'app-my-component',
  template: `
    <span>{{value|pipe}}</span>
  `
})
export class MyComponent {
    @Input() value: any;
    @Input() pipe: any;
}
Run Code Online (Sandbox Code Playgroud)

typescript angular

6
推荐指数
1
解决办法
794
查看次数

标签 统计

angular ×1

typescript ×1