<div class='box'>
  <input type="text" name="skills" id="inputSkills" class="input-skill" *ngIf="showDropdownList" (click)="toggleChooseSkills($event)" [placeholder]="placeholder">
  <div *ngIf='toggleSkillsList' class="dropdownlist" (click)='$event.stopPropagation()'>
    <ul>
      <li *ngFor='let skill of listSkills'>
        <div (click)='selectSkill(skill)' [ngClass]="['image-click-check', skill.selected?'checked':'unchecked']">
        </div>
        <span>{{skill.text}}</span>
      </li>
    </ul>
  </div>
</div>
<div class="selected-skills-button">
  <ul>
    <li *ngFor='let skill of skillSelected'>
      <button class="button-skill-selected">{{skill.text}}</button>
    </li>
  </ul>
</div>
