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