form-control-errors/esm2015/lib/ng-form-errors.component.js

This is a package built to make displaying validation errors from Angular Form Controls easier.

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
 */
import { Component, Input } from '@angular/core';
export class NgFormErrorsComponent {
    constructor() { }
}
NgFormErrorsComponent.decorators = [
    { type: Component, args: [{
                selector: 'lib-form-errors',
                template: `
  <div *ngFor="let control of form.controls | objectToArray">
  <ng-container *ngIf="(control | propertyValues : 0); let controlValue">
      <ng-container *ngFor="let error of errorMsgs | objectToArray">
          <div class="form-errors" *ngIf="controlValue.errors &&
          controlValue.errors[(error | propertyNames)] &&
          controlValue.touched">
              {{control | propertyNames}} {{error | propertyValues : 0}}
          </div>
      </ng-container>
  </ng-container>
</div>
  `
            }] }
];
/** @nocollapse */
NgFormErrorsComponent.ctorParameters = () => [];
NgFormErrorsComponent.propDecorators = {
    form: [{ type: Input }],
    errorMsgs: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    NgFormErrorsComponent.prototype.form;
    /** @type {?} */
    NgFormErrorsComponent.prototype.errorMsgs;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZm9ybS1lcnJvcnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vZm9ybS1jb250cm9sLWVycm9ycy8iLCJzb3VyY2VzIjpbImxpYi9uZy1mb3JtLWVycm9ycy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBbUJoRCxNQUFNLE9BQU8scUJBQXFCO0lBS2hDLGdCQUFnQixDQUFDOzs7WUF0QmxCLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7OztHQVlUO2FBRUY7Ozs7O21CQUdFLEtBQUs7d0JBQ0wsS0FBSzs7OztJQUROLHFDQUFhOztJQUNiLDBDQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItZm9ybS1lcnJvcnMnLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2ICpuZ0Zvcj1cImxldCBjb250cm9sIG9mIGZvcm0uY29udHJvbHMgfCBvYmplY3RUb0FycmF5XCI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIoY29udHJvbCB8IHByb3BlcnR5VmFsdWVzIDogMCk7IGxldCBjb250cm9sVmFsdWVcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGVycm9yIG9mIGVycm9yTXNncyB8IG9iamVjdFRvQXJyYXlcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1lcnJvcnNcIiAqbmdJZj1cImNvbnRyb2xWYWx1ZS5lcnJvcnMgJiZcbiAgICAgICAgICBjb250cm9sVmFsdWUuZXJyb3JzWyhlcnJvciB8IHByb3BlcnR5TmFtZXMpXSAmJlxuICAgICAgICAgIGNvbnRyb2xWYWx1ZS50b3VjaGVkXCI+XG4gICAgICAgICAgICAgIHt7Y29udHJvbCB8IHByb3BlcnR5TmFtZXN9fSB7e2Vycm9yIHwgcHJvcGVydHlWYWx1ZXMgOiAwfX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIE5nRm9ybUVycm9yc0NvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgZm9ybVxuICBASW5wdXQoKSBlcnJvck1zZ3NcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxufVxuIl19