Angular form Example

angular-form.html

<div class="container border border-danger">
	<form #maria="ngForm">
		<input	type="text"
			class="form-control"
			required
			[(ngModel)]="test"
			name="firstName"
			#first="ngModel"
			minlength="3"
			maxlength="10">
		<button class="btn btn-block"
			[ngClass]="maria.valid ? 'btn-success': 'btn-danger'"
			[disabled]="!maria.valid">
			Submit
		</button>

		<pre>valid? {{ first.valid }}</pre>
		<pre>errors? {{ (first.errors | json) || '--' }}</pre>
		<pre>local var: {{ test | titlecase }}</pre>

	</form>
</div>