【问题标题】:Cannot create property 'validator' on string 'sendUs'无法在字符串“sendUs”上创建属性“验证器”
【发布时间】:2023-04-01 10:18:01
【问题描述】:

我正在尝试使用 Angular Material 包来输入和验证国际电话号码,它是 ngx-mat-intl-tel-input,为了做到这一点,我必须使用表单组,但我'我有以下错误:

Cannot create property 'validator' on string 'sendUs'

这是我的代码 html:

  <div class="bo4 of-hidden size15 m-b-20">
     <form [formGroup]="'sendusForm'">
          <input type="text" formControlName="phone">
      </form>
  </div>

这是我的打字稿文件:

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
    export class HomeComponent implements OnInit {
      sendusForm: FormGroup;
      constructor(private formBuilder: FormBuilder)   {
      }

      ngOnInit() {
        this.sendusForm = this.formBuilder.group({
          phone: ['',  [Validators.required]]
        });
      }

      get f() { return this.sendusForm.controls; }
    }

请你帮我解决这个问题。

【问题讨论】:

  • [formGroup]="'sendusForm'" -> [formGroup]="sendusForm"

标签: angular


【解决方案1】:

改变一下

[formGroup]="'sendusForm'" 

[formGroup]="sendusForm"

【讨论】:

    【解决方案2】:

    查看working example

    <div class="bo4 of-hidden size15 m-b-20">
         <form [formGroup]='sendusForm'>
              <input type="text" formControlName="phone">
          </form>
      </div>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-09-22
      • 2018-12-08
      • 1970-01-01
      • 2022-01-25
      • 2018-11-24
      • 1970-01-01
      • 1970-01-01
      • 2017-09-22
      相关资源
      最近更新 更多