ui-mask in ngRepeat

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-mask/1.8.7/mask.js"></script>
<div ng-controller="MyCtrl">
  <div ng-repeat="phone in phones">
      <div class="preview">{{$index + 1}}. {{phone.number}} </div>
   </div>
   <div ng-repeat="phone in phones">
      <label ng-model="phone.number" ui-mask="(999) 999-9999" />
    </div>
</div>

JavaScript

angular
	.module('myApp', ['ui.mask'])
  .controller('MyCtrl', MyCtrl);

function MyCtrl($scope) {
  $scope.phones = [
    { number: '8002345432' },
    { number: '2082234432' }
  ];
}