Вызванная ошибка в консоли типа не удается прочитать свойство 'fname' undefined at object.eval [as updatedirectives] (usercomponent.html:23)

---

&ЛТ;имя входного="имени" #имени="ngModel" [(ngModel)]="приложения UserService.userDatadetail.Имени," требуется /&ГТ;
<div *ngIf="Fname.Недопустимое && Fname.коснулся"> требуется имя Fisrt.


&ЛТ;имя входного="Mname" #Mname="ngModel" [(ngModel)]="приложения UserService.userDatadetail.Mname" требуется /&ГТ;
<div *ngIf="Mname.Недопустимое && Mname.коснулся"> требуется второе имя.



&ЛТ;имя входного="lname в" #lname в="ngModel" [(ngModel)]="приложения UserService.userDatadetail.Lname в" требуется /&ГТ;
<div *ngIf="Lname.Недействительным и усилитель; & л. Неймане.коснулся"> фамилия обязательна.

в <тип входного="кнопка" [отключено]="!регформ.действительное" значение="отправить"и GT;






и мой user.component.is это как дано ниже

импорт { компонент, функции OnInit } от '@угловых/центральных;
импорт { NgForm } из '@angular/forms';
импорт { UserService } из '../../shared/services/user.service'


@Компонент({
селектор: "приложение-пользователь",
templateUrl: './user.component.html',
styleUrls: ['./user.component.css'],
поставщики:[UserService]
})

экспорт класса UserComponent реализует OnInit {

конструктор(public userService : UserService) { }

нгонинит() {
это.resetForm();
}

resetForm(форма? : NgForm)
{
if(form !=null)
{
форма.сбросить();
this.userService.userDatadetail = { StudentId : null,
Имени : ",
Mname : ",
Л. Неймане : "
}
}
}

sendUserDetail(форма : NgForm)
{
это.приложение UserService.submitUserDetail(форма.значение)
.subscribe(data=>{this.resetForm(форма); })
}

}


и моя служба, как это приведено ниже

импорт { инъекционный } от '@угловых/центральных;

импорт {Http, Response, Headers, RequestOptions, RequestMethod } из '@angular/http';

импорт {Observable} из 'rxjs/Observable';
импорт 'rxjs/add/operator/map';
импорт 'rxjs/add/operator/toPromise';


импорт {UserModule} из '../module/user/user.module'
// import { request } from 'http';

@Инъецируемый()
экспорт класса UserService {

userDatadetail : UserModule;

конструктор(public http : Http) {

}

submitUserDetail(пользователь : UserModule)
{
ВАР submitUserDetail = формат JSON.преобразовать в строки(пользователь);
var headersOption = новые заголовки({'Content-Type': 'application/json'});
var RequestOptions = new RequestOptions({method : RequestMethod.Сообщение, заголовки : headersOption});
верните этот файл.http.post('http://localhost:4200/StudentInfo/UpsertStudentInfo', submitUserDetail, RequestOptions).map(x=>x.json())
}

}

Что я уже пробовал:

и я хочу попробовать представить данные формы для изучения angular js5

---