JSFiddle - React, Tailwind, and code Playground

by Avi Algaly

HTML

<div ng-app>
  <input type='text' ng-model='selected' />
  <div ng-repeat='indexPerso in [1,2,3,4,5,6]'>
    <div ng-show='selected == indexPerso+2'>
      <div class="columns">
        <textarea rows="4" data-ng-model="modal.data.answer[indexPerso].text" cols="91">1</textarea>
      </div>
      <div class="columns">
        <label>Explanation</label>
        <textarea rows="2" data-ng-model="modal.data.answer[indexPerso].explanation" cols="91"></textarea>
      </div>
      <div class="columns">
        <div class="colx2-left">
          <span class="label">Correct</span>
          <input type="checkbox" data-ng-model="modal.data.answer[indexPerso].correct" class="check-box">
          <input type="hidden" value="false" name="Details[0].Correct">
        </div>
        <div class="colx2-right">
          <label>Image File</label>
          <input type="text" data-ng-model="modal.data.answer[indexPerso].image" class="full-width">
        </div>
      </div>
    </div>
  </div>
</div>