フォームビルダーで角度5フォーム

Question

Angular5でフォームを実装しようとしています。しかし、これは、HTMLコードで 「formGroupがFormGroupのインスタンス持っている必要があります」を述べてコンソールにエラーが発生します。

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

ngOnInit() { 
} 

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

Answer 1

公共のUserInfo：

<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コードです： FormGroup; - .tsファイルにこれを追加すると便利です