title: surface selection in famo.us + angular
body: <p>I'm wondering how I can select specific fa-surface elements so that I can deal with them in a controller as surface objects. </p>
  
  <p>I have this markup</p>
  
  <pre><code>    &lt;fa-modifier ng-repeat="item in list"&gt;
        &lt;fa-image-surface fa-click="itemClick($index)"&gt; 
          {{item.name}}
        &lt;/fa-image-surface&gt;
      &lt;/fa-modifier&gt;
  </code></pre>
  
  <p>On itemClick(), I want to be able to apply modifiers in my controller to operate on a particular surface as an object (as seems typical in famo.us without the angular).</p>
  
  <p>Right now, if I try something like this</p>
  
  <pre><code>    &lt;fa-modifier fa-translate="redTrans.get()"  ng-repeat="item in list"&gt;
        &lt;fa-image-surface fa-click="itemClick($index)"&gt; 
          {{item.name}}
        &lt;/fa-image-surface&gt;
      &lt;/fa-modifier&gt;
  </code></pre>
  
  <p>and,using event emitters in in my controller, do this</p>
  
  <pre><code>var EventHandler = $famous['famous/core/EventHandler'];
  $scope.eventHandlerA = new EventHandler();
  $scope.eventHandlerB = new EventHandler();
  $scope.eventHandlerA.pipe($scope.eventHandlerB);
  
  $scope.itemClick = function(i){
    console.log('item '+i+' clicked');
    $scope.eventHandlerA.emit('myEvent');
  }
  
  $scope.eventHandlerB.on('myEvent', function() {
    $scope.redTrans.set([0, 200, 0], {duration: 2000, curve: 'easeInOut'})
  });
  </code></pre>
  
  <p>all items undergo the translation. Is there a way to get the surface object in question, so that I can translate only the object clicked?  </p>