Template
<form [formGroup]="form" (ngSubmit)="save()">
<mat-card>
<mat-card-header>
<mat-card-title>Categoría</mat-card-title>
</mat-card-header>
<mat-card-content>
<div class="row">
<div class="col-xs">
<mat-form-field>
<mat-label>Nombre</mat-label>
<input placeholder="Nombre" formControlName="name" matInput type="text">
<div class="messages" *ngIf="nameField.touched && nameField.invalid">
<mat-error *ngIf="nameField.hasError('required')">
Este campo es requerido
</mat-error>
</div>
</mat-form-field>
</div>
</div>
<div class="row">
<div class="col-xs">
<mat-form-field>
<mat-label>Image</mat-label>
<input placeholder="Image" formControlName="image" matInput type="text">
<div class="messages" *ngIf="imageField.touched && imageField.invalid">
<mat-error *ngIf="imageField.hasError('required')">
Este campo es requerido
</mat-error>
</div>
</mat-form-field>
</div>
</div>
</mat-card-content>
<mat-card-actions>
<button mat-raised-button type="submit">Guardar categoría</button>
</mat-card-actions>
</mat-card>
</form>
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?