JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="app">
<div ng-controller="testeCtrl">
<ul ng-repeat="(keyColumn, column) in columns">
<li>{{ column.name }}
<div ng-repeat="method in requireMethods">
<input type="text" class="form-control" ng-change="remover($parent.$index,$index,method)" ng-model="column.validation.messages[$index][method]"/>
</div>
</li>
</ul>
<pre>{{ columns | json }}</pre>
</div>
</div>
JavaScript
var app = angular.module('app',[]);
app.controller('testeCtrl',function($scope){
var requireMethods = ['required','remote','maxlength']
$scope.columns = [{
name: 'teste',
validation: {
messages: []
}
},
{
name: 'teste1',
validation: {
messages: []
}
},
];
$scope.requireMethods = requireMethods;
$scope.remover = function(indexPai, index,method){
if ( ! $scope.columns[indexPai].validation.messages[index][method] )
$scope.columns[indexPai].validation.messages.splice(index,1);
}
});