ion-form-error-messages/ion-form-error-messages.metadata.json

An ionic 4 component that will display a list of error messages for a given reactive form formGroup object.

{"__symbolic":"module","version":4,"metadata":{"IonFormErrorMessagesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ion-form-error-messages","template":"\n        <ion-item *ngIf=\"isAnyControlInvalid()\" lines=\"none\">\n            <ion-grid class=\"ion-no-padding\">\n                <ng-container *ngFor=\"let controlKey of filteredControls\">\n                    <ng-container *ngFor=\"let errorKey of objectToKeys(getErrors(controlKey))\">\n                        <ng-container *ngIf=\"messages[controlKey] || {} as errorMessages\">\n                            <ion-row *ngIf=\"errorMessages[errorKey]\">\n                                <ion-col class=\"ion-no-padding ion-text-wrap\">\n                                    <ion-text [color]=\"color\" [innerHtml]=\"errorMessages[errorKey]\"> </ion-text>\n                                </ion-col>\n                            </ion-row>\n                        </ng-container>\n                    </ng-container>\n                </ng-container>\n            </ion-grid>\n        </ion-item>\n    ","styles":[" ion-item { --min-height: 16px; font-size: 14px;}"]}]}],"members":{"formGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"messages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"controls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getErrors":[{"__symbolic":"method"}],"isAnyControlInvalid":[{"__symbolic":"method"}],"isControlInvalid":[{"__symbolic":"method"}],"objectToKeys":[{"__symbolic":"method"}]}},"IonFormErrorMessagesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"IonFormErrorMessagesComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":28},{"__symbolic":"reference","module":"@ionic/angular","name":"IonicModule","line":8,"character":41}],"exports":[{"__symbolic":"reference","name":"IonFormErrorMessagesComponent"}]}]}],"members":{}}},"origins":{"IonFormErrorMessagesComponent":"./ion-form-error-messages.component","IonFormErrorMessagesModule":"./ion-form-error-messages.module"},"importAs":"ion-form-error-messages"}