29 lines
740 B
TypeScript
29 lines
740 B
TypeScript
|
/* tslint:disable:component-class-suffix */
|
||
|
|
// #docregion imports
|
||
|
|
import { Component } from '@angular/core';
|
||
|
|
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
|
||
|
|
// #enddocregion imports
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
moduleId: module.id,
|
||
|
|
selector: 'hero-detail-3',
|
||
|
|
templateUrl: './hero-detail-3.component.html'
|
||
|
|
})
|
||
|
|
// #docregion v3
|
||
|
|
export class HeroDetailComponent3 {
|
||
|
|
heroForm: FormGroup; // <--- heroForm is of type FormGroup
|
||
|
|
|
||
|
|
constructor(private fb: FormBuilder) { // <--- inject FormBuilder
|
||
|
|
this.createForm();
|
||
|
|
}
|
||
|
|
|
||
|
|
createForm() {
|
||
|
|
// #docregion required
|
||
|
|
this.heroForm = this.fb.group({
|
||
|
|
name: ['', Validators.required ],
|
||
|
|
});
|
||
|
|
// #enddocregion required
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// #enddocregion v3
|