Question

我正在尝试在Angular5中实现一个表单。但是在控制台中出现了一个错误，表明formGroup需要有一个FormGroup的实例＆＃39; 这是HTML代码：

<form [formGroup]="userInfo" (ngSubmit)="onSubmit()" novalidate>
 <div class="input-section">
  <div class="form-group filled-form">
   <label for="businessName">What positions are you hiring for?</label>
   <input class="form-control myInputStyle" type="text" id="enterEmail" 
   formControlName="businessname" required>
   <div [hidden]="userInfo.controls['businessname'].valid || 
   userInfo.controls['businessname'].pristine" class="inline-error">
   Please enter a Business name!
   </div>
  </div>
 </div>
</form>

这是ts代码：

export class HwaPreviewComponent implements OnInit {
public userInfo:FormGroup;
constructor(private router: Router) { }

ngOnInit() {
}

onSubmit() {
if (this.userInfo.valid) {
  console.log("Form Submitted!");
}
}

Answer 1

public userInfo：FormGroup; - 在.ts文件中添加这个帮助

角形5形式与表单生成器

1 个答案: