title: How can you dynamically bind an images x,y and width to variables using angular JS?
body: <p>I would like to be able to manipulate some images around the screen but can't get it to work properly.</p>
  
  <p>I'v tried using</p>
  
  <pre><code>$scope.data[i].style="{'width': '" + $scope.imageScale + "px'}"
  </code></pre>
  
  <p>in the controller, called when imageScale changes, with </p>
  
  <pre><code>&lt;div class = "image" ng-repeat="image in data"&gt;
      &lt;img ng-src={{image.Filename}} ng-style="image.style"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>located in the HTML. </p>
  
  <p>Thanks</p>