微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

想要使用“FormBuilder”和“Form Control method”添加带有 Alais 按钮的新空输入框,但在 addAlais() 方法中出现错误

如何解决想要使用“FormBuilder”和“Form Control method”添加带有 Alais 按钮的新空输入框,但在 addAlais() 方法中出现错误

export class ProfileEditorComponent implements OnInit {    
     profileForm = this.fb.group({
      firstName: ['',Validators.required],lastName: [''],address: this.fb.group({
        street: [''],city: [''],state: [''],zip: [''],}),aliases: this.fb.array([
        this.fb.control('')
      ])
    });        
      constructor(private fb: FormBuilder ) { } 
      ngOnInit(): void {       
      }    
      onSubmit(){
        console.warn(this.profileForm.value);
      }   
      updateProfile(){
        this.profileForm.patchValue({
          firstName:'Nancy2',address:

  

{
        street:'123 Drew street',},});
  }      
  getAlias(){
    return this.profileForm.get('aliases') as FormArray; 
  }    
  addalias(){
    this.aliases.push(this.fb.control(''));  
  }     
}
<div formArrayName="aliases">
    <h3>Alaises</h3> <button (click)="addalias()">Add Alais</button>
    <div *ngFor= "let alias of aliases.controls; let i=index" >         
        <label>
            Alais:
            <input type="text" [formControlName]="i">
        </label>
    </div>
</div>  
   

我试图在按下 Alais 按钮后动态添加表单,但在编写代码时,我在 addAlais() 方法中收到错误,指出 Property 'aliases' does not exist on type 'ProfileEditorComponent'.ts(2339) 以及 {{1} 中的 HTML 代码div 说明“未定义标识符‘别名’。组件声明、模板变量声明和元素引用不包含这样的成员 ng”不知道出了什么问题我想通过使用 {{1仅限 }} 和 FormArray 属性

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。