JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="" ng-controller="AppCtrl">
  <p><b>Dynamically generated checkbox with dynamic ng-models:</b></p>
  <br />

  <div ng-repeat="slave in slaves">
    <input type="checkbox" ng-model="slave.isChecked" ng-click="select($index)" /> {{ slave.name }} - {{ slave.description }} </div>

  {{ checkboxData }}</div>

JavaScript

[{
  "name": "",
  "from": "2018-07-25T14:23:59",
  "to": "2018-09-13T16:25:53",
  "classes": ["segment", "segment-idle"],
  "data": {
    "startTimeUtc": "2018-07-25T19:23:59.0000000Z",
    "endTimeUtc": "2018-09-13T21:25:53.0000000Z",
    "startTimeLocal": "2018-07-25T14:23:59.0000000-05:00",
    "endTimeLocal": "2018-09-13T16:25:53.0000000-05:00",
    "startLocationLatitude": null,
    "startLocationLongitude": null,
    "startStateTimezoneAbbrev": null,
    "endLocationLatitude": null,
    "endLocationLongitude": null,
    "endStateTimezoneAbbrev": null,
    "durationSeconds": 4327314,
    "workDefinitionType": "MeterDelta",
    "segmentType": "Idle",
    "isProjectedEnd": false,
    "operator": null,
    "updateUtc": "2018-09-13T21:28:20.7759670Z"
  },
  "content": "",
  "startTiming": "2018-07-25T14:23:59",
  "endTiming": "2018-09-13T16:25:53",
  "startStateTimezoneAbbrev": null,
  "endStateTimezoneAbbrev": null,
  "duration": "1202 Hours 1 Minutes",
  "rawDuration": 4327314,
  "segmentType": "Idle"
}]