Question

如何以反应形式（例如，angular 11）获得两个或多个字段输入的总和？所以我想要总共两个或更多输入值的总和，并通过在 angular +6 中使用反应形式在另一个输入中获得结果，我该怎么做？

Answer 1

这是你的答案，请参考下面的代码，

将代码放入your.component.html

const entriesAfter = new Map();
let seen = false;
for (const [key, value] of theMap.entries()) {
    if (seen) {
        entriesAfter.set(key, value);
    } else if (key === theDesiredStartingKey) {
        seen = true;
    }
}

将此代码放入your.component.ts

<form [formGroup]="myForm" (ngSubmit)="onSubmit(myForm)" class="needs-validation" style="padding: 80px 15px 0px 15px;">
    <div class="form-group">
        <label for="number1">Number 1</label>
        <input type="number" class="form-control" formControlName="number1" required placeholder="Enter number 1" />
    </div>
    <div class="form-group">
        <label for="number2">Number 2</label>
        <input type="number" class="form-control" formControlName="number2" required placeholder="Enter number 2" />
    </div>
    <div class="form-group">
        <label for="number3">Number 3</label>
        <input type="number" class="form-control" formControlName="number3" placeholder="Enter number 3">
      </div>

    <button type="submit" class="btn btn-primary">Submit</button>
</form>

<div class="form-group">
  <label for="sumOfNumber">Output</label>
  <input type="number" class="form-control" [(ngModel)]="sumOfNumber" placeholder="Sum of above number is">
</div>

注意：在 module.ts 文件中导入 FormsModule 和 ReactiveFormsModule

角度反应形式的总和值输入

1 个答案: