ng2-encrm-components/components/input/en-input.component.html

angular 2 components

<div class="en-input-group"
     [class.has-success]="hasSuccess"
     [class.has-danger]="hasDanger"
     [class.has-warning]="hasWarning">
  <input [type]="type" #input
         class="form-control en-form-control"
         [class.en-empty]="empty"
         [class.en-focused]="focused"
         [class.en-float]="floatingPlaceholder"
         [attr.aria-label]="ariaLabel"
         [attr.aria-labelledby]="ariaLabelledBy"
         [attr.aria-disabled]="ariaDisabled"
         [attr.aria-required]="ariaRequired"
         [attr.aria-invalid]="ariaInvalid"
         [attr.autocomplete]="autoComplete"
         [attr.autocorrect]="autoCorrect"
         [attr.autocapitalize]="autoCapitalize"
         [autofocus]="autoFocus"
         [disabled]="disabled"
         [id]="inputId"
         [attr.list]="list"
         [attr.max]="max"
         [attr.maxlength]="maxLength"
         [attr.min]="min"
         [attr.minlength]="minLength"
         [readonly]="readOnly"
         [required]="required"
         [spellcheck]="spellCheck"
         [attr.step]="step"
         [attr.tabindex]="tabIndex"
         [attr.name]="name"
         (focus)="_handleFocus($event)"
         (blur)="_handleBlur($event)"
         [(ngModel)]="value"
         (change)="_handleChange($event)">
  <label [attr.for]="inputId" (click)="_labelClickHandler()">
    <span *ngIf="required">*</span>
    {{placeholder}}
  </label>
  <span class="en-inner-addon"
        [class.en-inner-addon-right]="addonRight"
        (click)="_btnClickHandler()">
    <ng-content></ng-content>
  </span>
</div>