title: Model in dynamic repeat
body: <p>I have a weird problem with dynamic binding of model in Angular JS.</p>
  
  <pre><code>&lt;tr ng-repeat="i in [].constructor( 5 ) track by $index"&gt;
    &lt;td ng-repeat="column in columns"&gt;
      &lt;input type="text" ng-model="column.defaults[i]" class="form-control"&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I define columns using:</p>
  
  <pre><code>  $scope.addColumn = function() {
      if(!$scope.field_column_name) return;
  
      if(!$scope.columns) {
        $scope.columns = []
      }
      $scope.columns.push( {
        name: $scope.field_column_name,
        defaults: $scope.field_column_defaults
      });
      $scope.field_column_name = $scope.field_column_default = undefined;
    };
  </code></pre>
  
  <p>My goal is create inputs for all of it to store data added by user. The problem is, because all inputs looks like if they were the same model (value added in one of them shows also in other inputs). Why?</p>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/tz6fsz1o/5/" rel="nofollow">http://jsfiddle.net/tz6fsz1o/5/</a></p>