<div class="row">
  <div class="col-xs-12">
    <div class="search-form-group">
        <label for="skills" class="search-input-label">{{ control.label }}</label>
        <input type="text"  id="skills" class="search-input" placeholder="Enter" required [(ngModel)]="inputValue">
        <div class="btn-role-add">
          <a (click)="add()">
            <img src="{{img_path + 'add_button_orange.png'}}">
          </a>
        </div>
    </div>
  </div>
</div>
<div class="row" *ngIf="control.data.length > 0" >
  <div class="col-xs-12">
    <div class="search-form-group">
      <div *ngFor="let input of control.data; let i = index" class="skills">
        <p>{{input}}</p>
        <div class="btn-skill-remove" (click)="control.data.splice(i,1)">x</div>
      </div>
    </div>
  </div>
</div>
