На странице показаны некоторые ошибки с компонентами Reactve

Question

<input type="text" name="" id=""
             class="form-control" [formControl]='fname'
             placeholder="Enter your name">

и это ошибка, которую я получаю ОШИБКА в src / app / myform / myform.component. html: 12: 54 - ошибка TS2339: Свойство 'fname' не существует в типе 'MyformComponent'.

12                  class="form-control" [formControl]='fname'
                                                        ~~~~~

  src/app/myform/myform.component.ts:9:16
    9   templateUrl: './myform.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component MyformComponent.

Answer 1

попробуйте это:

Машинопись

import { Component } from '@angular/core';
import { FormGroup,FormControl  } from '@angular/forms';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  form = new FormGroup({
  fname : new FormControl(''),
  });

  onsubmit(){
     //submit button
  }
}

HTML

<form [formGroup]="form" (ngSubmit)="onSubmit()">
<label>
  Name:
  <input type="text" formControlName="fname"  placeholder="Enter your fname">
</label>
</form>

app.module.ts // module

import { FormsModule,ReactiveFormsModule } from '@angular/forms';