角度如何输入和选择值返回结果而不提交

Question

angular 如何在不提交的情况下输入和选择值返回结果 我有货币转换器表格最新的 api

<form [formGroup]="newForm" (ngSubmit)="convert()">
        <div>

            <h1>
                Currency
            </h1>
            <div>

                <input type="number" formControlName="amount1">

                <select id="from" formControlName="from">
         <option value="" disabled>Choose currency</option>
        <option value="{{ m.code }}" *ngFor="let m of rates" >{{m.code}}</option>
    </select>
            </div>
            <div>

                <input type="number" [value]="name">

                <select id="to" formControlName="to">
         <option value="" disabled>Choose currency</option>
        <option value="{{ m.code }}" *ngFor="let m of rates" >{{m.code}}</option>
    </select>
            </div>
            <button type="submit" [disabled]="!newForm.valid"> Convert </button>
        </div>
    </form>

例如，要将美元转换为欧元，请在“amount1”中输入一个数字并将其返回给。如何在没有提交按钮的情况下自动返回结果，如果我更改数字，它会自动更改

Answer 1

您可以通过订阅 ngOnInit 方法中的 valueChanges 属性来检测表单值的变化。

 this.newForm.get('amount1').valueChanges.subscribe((val) => {
  this.name = val;
});