D-Net

import {Component, Input, OnDestroy, OnInit} from "@angular/core";

import {Option} from "../../../utils/indicator-utils";

@Component({

  selector: '[dashboard-input]',

      <input *ngIf="type === 'text'" matInput [placeholder]="label"

             [formControl]="formControl" [required]="required">

      <textarea *ngIf="type === 'textarea'" [rows]="rows" matInput [placeholder]="label" [formControl]="formControl"></textarea>

        <mat-option *ngFor="let option of options" [value]="option.value">

          {{option.label}}

        </mat-option>

  `

})

export class InputComponent implements OnInit, OnDestroy {

  @Input('type') type: string = 'text';

  @Input('label') label: string;

  @Input('rows') rows: number = 3;

      && this.formControl.validator(this.formControl)

      && this.formControl.validator(this.formControl).required;

  }

}