09970d52e8
add e2e test for SVG template example fix template syntax example app - linting errors - runtime exceptions - template type errors - deprecated type casting - deprecated currency pipe example Relates to #30559 PR Close #31356
32 lines
811 B
TypeScript
32 lines
811 B
TypeScript
import { Component, Input, ViewChild } from '@angular/core';
|
|
import { NgForm } from '@angular/forms';
|
|
|
|
import { Hero } from './hero';
|
|
|
|
@Component({
|
|
selector: 'app-hero-form',
|
|
templateUrl: './hero-form.component.html',
|
|
styles: [`
|
|
button { margin: 6px 0; }
|
|
#heroForm { border: 1px solid black; margin: 20px 0; padding: 8px; max-width: 350px; }
|
|
`]
|
|
})
|
|
export class HeroFormComponent {
|
|
@Input() hero: Hero;
|
|
@ViewChild('heroForm', {static: false}) form: NgForm;
|
|
|
|
// tslint:disable-next-line:variable-name
|
|
private _submitMessage = '';
|
|
|
|
get submitMessage() {
|
|
if (this.form && !this.form.valid) {
|
|
this._submitMessage = '';
|
|
}
|
|
return this._submitMessage;
|
|
}
|
|
|
|
onSubmit(form: NgForm) {
|
|
this._submitMessage = 'Submitted. form value is ' + JSON.stringify(form.value);
|
|
}
|
|
}
|