在Angular 4中，可以使用货币管道来格式化输入文本框中的货币值。以下是一个示例解决方案：

1. 在你的组件中，导入Angular的CurrencyPipe：

import { Component } from '@angular/core';
import { CurrencyPipe } from '@angular/common';

@Component({
  selector: 'app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  currencyValue: number = 0;
  formattedCurrencyValue: string = '';

  constructor(private currencyPipe: CurrencyPipe) {}

  formatCurrencyValue() {
    this.formattedCurrencyValue = this.currencyPipe.transform(this.currencyValue, 'USD', 'symbol', '1.2-2');
  }
}

2. 在你的模板中，使用[(ngModel)]指令来绑定输入文本框的值，并在文本框下方显示格式化后的货币值：

Formatted Currency Value: {{ formattedCurrencyValue }}

在这个示例中，currencyValue变量用来存储输入文本框中的货币值，formattedCurrencyValue变量用来存储格式化后的货币值。formatCurrencyValue方法使用currencyPipe.transform方法来格式化currencyValue的值，然后将结果赋给formattedCurrencyValue。

注意，这里使用了ngModelChange事件，在每次currencyValue的值发生改变时都会调用formatCurrencyValue方法来重新格式化货币值。

确保在你的模块中正确引入CurrencyPipe，并将AppComponent添加到declarations数组中。

这样，当用户在输入文本框中输入货币值时，它会自动格式化并显示在下方的格式化货币值中。