Angular 如何使用pipe将汇率转换为选定的货币类型？

我有各种货币类型的下拉列表。我想在整个页面上将所有货币汇率显示为选定的货币类型汇率。 经过研究，我发现这可以通过在angular中创建自定义管道来解决。如何做到这一点

我已经创建了自定义管道，但在“转换”功能下，我可以如何转换为选定的货币类型

<form>
            <div class="form-group pt-2 display-inline">
                <select class="form-control w-200 display-inline" [(ngModel)]="dataService.selectedCurrency" (change)="currencySelected($event)">
                  <option disabled>Select Currency</option>
                  <option *ngFor="let item of _dataList.Currency" value="{{item.key}}">
                    {{item.value}}
                  </option>
                </select>
              </div>
            </form>

选择货币
{{item.value}}

---

货币应转换为所选的货币类型，相应的汇率应更改为“全部”页面。

如果要在下拉列表中选择货币时更改货币，请创建一个变量并将其应用于您的货币：

打字稿：

selectedCurrency = 'USD';
printedOption: string;

options = [
    { name: "USD", value: 1, currencyRate: 25 },
    { name: "CAD", value: 2, currencyRate: 15 },
    { name: "CLP", value: 3, currencyRate: 35 }
]

convertWithCurrencyRate(value: number, currency: string){
    let currencyRate = this.options.find(f=> f.name === currency).currencyRate;
    if (currencyRate) {
        return value * currencyRate;
    }

    return value;
}

HTML:

选择货币
{{item.value}}
{{convertWithCurrencyRate（555，所选货币）
|货币：selectedCurrency:true:'3.2-2'}

---

如果要在下拉列表中选择货币时更改货币，请创建一个变量并将其应用于您的货币：

打字稿：

selectedCurrency = 'USD';
printedOption: string;

options = [
    { name: "USD", value: 1, currencyRate: 25 },
    { name: "CAD", value: 2, currencyRate: 15 },
    { name: "CLP", value: 3, currencyRate: 35 }
]

convertWithCurrencyRate(value: number, currency: string){
    let currencyRate = this.options.find(f=> f.name === currency).currencyRate;
    if (currencyRate) {
        return value * currencyRate;
    }

    return value;
}

HTML:

选择货币
{{item.value}}
{{convertWithCurrencyRate（555，所选货币）
|货币：selectedCurrency:true:'3.2-2'}

---

您可能需要将dataService.selectedCurrency传递到您装箱的自定义管道，并在任何地方使用此管道。您可能需要将dataService.selectedCurrency传递到您装箱的自定义管道，并在任何地方使用此管道。我也希望更改汇率，因此如何才能我这样做？我也想改变汇率，那么我该怎么做呢？