JSFiddle - React, Tailwind, and code Playground

HTML

<script>
    function MyController($scope){
        $scope.fields = {
            test : [{value: "123"}, {value:"234"}, {value:"345"}]
        }
        $scope.delete = function(index) {
        	console.log("deleted index " + index)
          $scope.fields.test.splice(index, 1);
        }
    };
</script>
<div ng-app ng-controller="MyController">
<form novalidate="novalidate" name="inputValidate">
        <div ng-repeat="field in fields.test">
        <div style="width:600px">
          <div ng-form name="validMe" style="width:58%;float:left">
              <input id="input{{$index}}" name="input{{$index}}" type="text" ng-model="field.value" ng-pattern="/^[0-9]{1,10}([,.][0-9]{1,2})?$/" required> 
              <span style="color: #a94442" ng-show="validMe['input\{\{$index\}\}'].$error.pattern">Not a valid number!</span>
              <span style="color: #a94442" ng-show="validMe['input\{\{$index\}\}'].$error.required ">Number Required!</span>
          </div>
          <div style="width:20%;float:left">
            <input type="button" value="Remove" ng-click="delete($index)"/>
          </div>
        </div>
        </div>
</form>
<br/>
<br/>
<br/><br/>
<div style="width:100%">
  <pre>{{fields}}</pre>
</div>
</div>