【问题标题】:Angular reactive form, default value of input角反应形式,输入的默认值
【发布时间】:2018-08-05 20:07:38
【问题描述】:
ngOnInit() { 
    this.form = this.formBuilder.group({ 
    Email: [null, [Validators.required, Validators.email]],
    Password: [{ value: 12345678, disabled: true }, [Validators.required, 
    Validators.minLength(8)]],              
});

您好,有没有办法通过调用函数在我的表单中设置密码值?

例如,如果我有一个

getPassword(): number {
    return 12345678;
}

我如何在我的表单构建器中调用它而不是“值:...”,因为我希望创建一个函数,每次都会给我一个随机数并将其设置为禁用,以便我可以发送电子邮件和通过表单随机密码...

【问题讨论】:

  • Password: [{ value: getPassword() .... 不起作用?
  • 有效!谢谢,实际上,this.getPassword() 哈哈
  • 任何人都有一些建议,如何将密码显示为 ******* ?
  • @codemonkey00016 这是一个不同的问题。请每个问题只有一个主题。
  • 嘿,对不起 :)))

标签: angular angular-reactive-forms


【解决方案1】:

正如您在上面看到的,anwser 是这样的......

   ngOnInit() { 

    this.form = this.formBuilder.group({ 
    Email: [null, [Validators.required, Validators.email]],
    Password: [{ value: this.getPassword(), disabled: true }, 
    [Validators.required, 
    Validators.minLength(8)]],

    });

}

以及返回 8 个随机字符的函数...

  getPassword(): any {
   return Math.random().toString(36).substr(2, 8);

  }

【讨论】:

    猜你喜欢
    • 2017-02-11
    • 2018-12-01
    • 2021-02-06
    • 2020-05-19
    • 2018-12-19
    • 1970-01-01
    • 2017-08-06
    • 1970-01-01
    • 2019-06-04
    相关资源
    最近更新 更多