JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script><script>
   var ngApp = angular.module('myapp', []).controller('MainCtrl', function ($scope) {   
 $scope.test='test';
    $scope.Day = {items: [
        {itemName: 'test1', value: 0},
        {itemName: 'test2', value: 0},
        {itemName: 'test3', value: 0}
    ]};
    
    $scope.Equipment = [
['gear 1.0','gear 1.1','gear 1.2'],
['gear 2.0','gear 2.1','gear 2.2'],
['gear 3.0','gear 3.1','gear 3.2'], ];
    
    $scope.AddItem = function(day,key) {
        day.items[key].push({itemName : '', value : ''});
    }
});
</script>
<div ng-app="myapp" ng-controller="MainCtrl">
    <div ng-repeat="(key,value) in Day.items track by $index">
       <label class="item item-input item-select">
          <h4 class="input-label">{{key}} - {{$index}} - {{Day.items[$index]}}</h4>
          <select ng-model="Day.items[$index].itemName" ng-options="item as item for item in Equipment.{{key}}">
             <option value="">Select Option</option>
          </select>
       </label>
       <label class="item item-input">
          <input type="number" ng-model="Day.items[$index].value" placeholder="Amount/Value">
       </label>
    
       <button class="button button-balanced button-outline button-block" ng-click="AddItem(Day,key)">
           Add {{key}}
        </button>
    </div>
</div>