如何生成随机数以在角度 2 上输入表单组索引答案

【问题标题】：How to generate random number to input form group index on angular 2如何生成随机数以在角度 2 上输入表单组索引
【发布时间】：2019-10-19 22:27:52
【问题描述】：

我有一个动态表单输入，用户可以在其中按下按钮添加更多输入字段，这些输入字段将使用 ngFor 绑定到模板，如下所示：

*ngFor="let data of getTasks(myFormdata); let i=index"

和ts文件

getTasks(myFormdata) {
    return myFormdata.get('inputs').controls
  }

这一切都很好。用户可以添加新的输入字段，但我有一个按钮，它将生成一个随机数并将随机数设置为输入值。由于我是 Angular 2 的新手，当有多个输入字段时，我似乎无法做到这一点。将随机数生成到字段中的方法如下：

getRandomNumber() {
    const random = Math.floor(Math.random() * (999999 - 100000)) + 100000;
    const control = <FormArray>this.myFormdata.controls['inputs'];
    control.setValue([{numbers: random, pari: 25}])
}

我的getRandomNumber() 方法缺少什么使其为每个添加的字段生成随机数？

【问题讨论】：

标签： javascript angular typescript

【解决方案1】：

我得到了解决方案...以下是我的解决方案

  getRandomNumber(i: number) {
    let random = Math.floor(Math.random() * (999999 - 100000)) + 100000;
    const control = <FormArray>this.myFormdata.controls['inputs'];
    const random = this._fb.group({numbers: +quickpicked, pari: 25});
    control.setControl(i, random)


  }

【讨论】：

【解决方案2】：

export class AppComponent {
  title = 'codegenerator';
  date = new Date();
  codeGenerated = '';
  evtMsg: any;
  randomString() {
 const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz';
 const stringLength = 10;
 let randomstring = '';
 for (let i = 0; i < stringLength; i++) {
 const rnum = Math.floor(Math.random() * chars.length);
 randomstring += chars.substring(rnum, rnum + 1);
}
 this.codeGenerated = randomstring;
 return 0;
}
}

  <div class="card text-center" style="width: 40rem;">
      <div class="card-head">
        <button (click)="randomString()" class="d-inline bg-primary btn-lg text-white">Generate code</button>
      </div>
      <div class="card-body">
        <h1 class="display-2 text-dark">{{codeGenerated}}</h1>
      </div>
      </div>

Github source with angular 8

【讨论】：