角反应形式,输入的默认值

Posted

技术标签:

【中文标题】角反应形式,输入的默认值【英文标题】: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 这是一个不同的问题。请每个问题只有一个主题。 嘿,对不起 :))) 【参考方案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);

  

【讨论】:

以上是关于角反应形式,输入的默认值的主要内容,如果未能解决你的问题,请参考以下文章

如何在反应形式中采用默认值

设置默认值以使用反应形式进行选择

如何在标签中使用表格控件名称-角反应形式

角反应嵌套形式

在具有默认值的反应道具中使用区分联合

django形式:默认初始值