Display input error messages if data-error binding != null

My rest service returns an object containing validation messages for given fields.   heres an example object: formErrors: { "globalMessage": null, "fieldErrors":  { "emailAddress": "Email address must more than six characters. ", "password": "password must be at least 8 characters" } } the idea is matching field names would have their respective error messages bound to them. is there anyway for me to just simply bind the the error message directly to the field without having to use the mdbInputValidate directive? I'd like server side messages to get bound to the fields, i'm lazy id rather only use server side validation then both client and server.   the associated template could look something like this: <divclass="md-form">       <iclass="fa fa-envelope prefix grey-text"></i>      <inputtype="text"id="form3"class="form-control validate invalid"data-error="{{formErrors.fieldErrors.password}}"mdbActive [(ngModel)]="credentials.password" />     <labelfor="form3">Password</label> </div>    

---