title: ng-style not updating width and height
body: <p>i'm trying to create some circles that auto resize. the problem is that the ng-style attribute isn't updating the styles. <a href="http://plnkr.co/edit/3HxSzWIyUsLUW6UwFlRR" rel="nofollow">http://plnkr.co/edit/3HxSzWIyUsLUW6UwFlRR</a> see plunker</p>
  
  <p>Javascript :</p>
  
  <pre><code>$scope.sellingPoints = {
      '1':{ 'text':'Newest Technologies'},
      '2':{ 'text':'Rapid Development'},
      '3':{ 'text':'Scaleable Solutions'},
      '4':{ 'text':'Custom CMS'}  
  };
  
  $scope.kpi = {};
  $scope.sizes = {};
  $scope.onResize = function() {
      console.log('joe');
      var kpifit = document.getElementById('fit');
      $scope.sizes.width = kpifit.offsetWidth - 30;
      $scope.kpi.width = $scope.sizes.width + 'px';
      $scope.kpi.height = $scope.sizes.width + 'px';  
      console.log($scope.sizes.width);
  } 
  
  angular.element($window).bind('resize', function() {
      $scope.onResize();
  })
  $timeout(function() {
      $scope.onResize();
  }, 300);
  </code></pre>
  
  <p>html :</p>
  
  <pre><code>&lt;div class="row no-margin"&gt;
      &lt;div class="col-md-3 col-xs-6" id="fit" ng-repeat="item in sellingPoints"&gt;
          &lt;div class="kpi" ng-style="{'width':kpi.width,'height':kpi.height}"&gt;
              &lt;div class="kpi-text"&gt;{{item.text}}&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>