bia-framework/components/odisseia-input/odisseia-Input.component.html

Bia Framework to work with angular 2

<div class="grid grid-direction-rows-sm core-input-container"
     [ngClass]="{ hasValue:control.hasValue, focused:control.hasFocus, hasError:control.errors !== undefined && control.touched, touched:control.touched   }">
    <span class="cell placeholder">{{description}}</span>
    <input
            #item
            id="{{name}}"
            type="{{inputType}}"
            [disabled]="isDisabled"
            [ngModel]="bind"
            (ngModelChange)="OnChange($event)"
            (focus)="OnFocus()"
            (blur)="OnBlur()"
            class="cell input"/>
    <div *ngFor="let validation of validationList">
        <span class="text text-caption text-color-danger font-medium validation"
              *ngIf="control.errors && control.errors[validation.ValidationName] && control.touched ">{{validation.ValidationMessage}}</span>
    </div>

    <!--Debug-->
    <div class="grid grid-direction-rows-sm">
        <div class="cell">HasValue {{control.hasValue}}</div>
        <div class="cell">Focused {{control.hasFocus}}</div>
        <div class="cell">Erros {{control.errors|json}}</div>
        <div class="cell">Touched {{control.touched}}</div>
    </div>

</div>