How to get value from multiple check box as well as textbox

#1

I have a multiple a check and when user clicks on anyone checkbox there open a text box and the user can put there any value in this textbox also i attached my desire outputScreenshot_97
.html

  <ion-item *ngFor="let abc of serviceList">
      <ion-label>{{abc.servicenam}}</ion-label>
      <ion-checkbox color="dark" (click)="isActive = !isActive"></ion-checkbox>
  </ion-item>
  <div *ngIf="isActive">
      <button color="light" ion-button small>Red</button>
      <button color="light" ion-button small>Green</button>
      <button color="light" ion-button small>Yellow</button>
      <button color="light" ion-button small>Blue</button>
   </div>

please help me out