title: directive content become empty when select in ng-repeat AngularJS
body: <p>sorry for the strange title, here is my Problem :
  I got an empty array. when a button is clicked, 
  its create a new item in the array (array.push) with blank properties : </p>
  
  <p>name: ' ' ,date: ' ' ,user : ' '  ,, phoneNumber: ''</p>
  
  <p>the array is reflected to table, and every item is a new table row as below : </p>
  
  <pre><code>&lt;tr ng-repeat="row in rows"&gt;
  &lt;td&gt; &lt;select ng-model ="$parent.rows[$index]" ng-options = "user.name for user in usersDB&gt; &lt;/select&gt;
  &lt;td&gt;&lt;date-picker&gt; &lt;/date-picker&gt; &lt;/td&gt;
  &lt;td&gt;{{$parent.rows.user}}&lt;/td&gt;
  &lt;td&gt; {{$parent.rows.phoneNumber}}&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>my problem is, when I choose a date from a date-picker directive,and after that change the user from the ng-option, the date is become empty . how can i fix that?</p>
  
  <p>my date-picker directive :</p>
  
  <pre><code>app.directive('datePicker',function(){
  return {
            restrict: 'E',
            scope: true, 
            template: '&lt;input ui-date-format = "dd/MM/yyyy" type=text uib-datepicker-popup="dd/MM/yyyy" ng-model = "$parent.rows[$index].date" is-open ="status.opened" ng-click="open($event)" ',
  
  }
  
  });
  </code></pre>
  
  <p>thanks</p>