Estoy intentando agregar mensajes de validación en Angular 4 obtenidos desde la Api en mi formulario, he estado checando que puedo utilizar Renderer2 y ElementRef pero no encuentro como buscar el input por Id y agregar el mensaje debajo de él.
En AngularJs era posible agregar un mensaje en la etiqueta "P" dinámicamente de la siguiente forma:
angular.element('#'+key).parent().find("p").html(msg.ErrorMessage);
El código de mi formulario es el siguiente:
<div class="form-group">
<label for="serie">Serie</label>
<input class="form-control" type="text" name="serie"
[(ngModel)]="serie" #serie="ngModel" required />
<p class="help-block">
// Insertar mensaje aquí
</p>
</div>
Y el objeto que yo recibo de la Api puede ser de la siguiente forma:
[{ element: 'serie', message: 'La serie ya ha sido agregada anteriormente.'}]
Artículo de referencia de uso de Renderer2 y ElementRef Using Renderer2 in Angular.
¿Es posible agregar un mensaje de forma dinámica teniendo el Id del input y el mensaje que se va a agregar?