如何在角度2中的formcontrolname上应用管道

Question

我有一个输入类型文本，它使用 formControlName 显示值。我写了一个 Pipe 来格式化该值。如何在 formControlName 上应用此管道（testpipe）。我在这里读到，您不能直接在输入类型文本上应用管道。

@Pipe({ name: 'testPipe' })
export class TestPipe implements PipeTransform {
public transform(value: string): string {
   //some logic
    return value;

  }
}

我怎样才能应用这个管子

<input tabindex="1" type="text" class="form-control-style" 
formControlName="abc" id="abc" name="abc" 
readonly >

Answer 1

您应该能够使用双花括号表示法来使用管道。就像这样：

<input tabindex="1" type="text" class="form-control-style" 
  formControlName="{{'abc' | testPipe}}" id="abc" name="abc" readonly >

演示