无法在字符串“ sendUs”上创建属性“ validator”

时间:2019-07-18 09:13:15

标签: angular

我正在尝试使用Angular Material软件包来输入和验证ngx-mat-intl-tel-input的国际电话号码,为此,我不得不使用表格组,但是我m出现以下错误:

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; }
    }

请帮助我解决这个问题。

2 个答案:

答案 0 :(得分:0)

选中此sourceforge link

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

答案 1 :(得分:0)

只需更改

[formGroup]="'sendusForm'" 

[formGroup]="sendusForm"