特定の fa-surface 要素を選択して、コントローラでそれらをサーフェス オブジェクトとして処理できるようにする方法を考えています。
私はこのマークアップを持っています
<fa-modifier ng-repeat="item in list">
<fa-image-surface fa-click="itemClick($index)">
{{item.name}}
</fa-image-surface>
</fa-modifier>
itemClick() で、コントローラーに修飾子を適用して、特定のサーフェスをオブジェクトとして操作できるようにしたいと考えています (角度のない famo.us では典型的なようです)。
今、私がこのようなことをしようとすると
<fa-modifier fa-translate="redTrans.get()" ng-repeat="item in list">
<fa-image-surface fa-click="itemClick($index)">
{{item.name}}
</fa-image-surface>
</fa-modifier>
そして、コントローラーでイベントエミッターを使用して、これを行います
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'})
});
すべてのアイテムが翻訳されます。クリックしたオブジェクトだけを翻訳できるように、問題のサーフェス オブジェクトを取得する方法はありますか?