配列内の各項目にメソッドをバインドする

Question

JavaScript/Angularのオブジェクト配列の各項目に関数をバインドする構文を理解するのが難しいです。

私はさまざまなアプローチを試してきましたが、おそらく構文的には正しいとは言えませんが、私はここで論理的に正しい方法でアプローチしているように感じます。

var module = angular.module('app', []) 
    .controller('controller', function() { 
    var vm = this; 

    vm.foo = 5; 
    vm.bars = [ 
     { 
     price: 1000 
     }, 
     { 
     price: 2000 
     } 
    ]; 

    var qty = function() { 
     return vm.foo/this.price; 
    }; 

    for(var i = 0; i < vm.bars; i++) { 
     vm.bars.bind(vm.bars[i], qty); 
    } 
    }); 

私の考えは、各項目のthis自体への結合は、各アイテムは対象外に住んqty()機能に独自のpriceプロパティを参照できるようにするための最良の方法だろうということです。

私は基本的には、配列を設定するときに各項目のプロパティとして関数をコピー/貼り付けすることを避けようとしています。

Answer 1

私はあなたがここで達成しようとしているかを正確にわからないが、あなたはすべての要素にqty機能を追加したい場合は、同様に行うことができます。

var module = angular.module('app', []) 
    .controller('controller', function() { 
    var vm = this; 

    vm.foo = 5; 
    vm.bars = [ 
     { 
     price: 1000 
     }, 
     { 
     price: 2000 
     } 
    ]; 

    var qty = function() { 
     return vm.foo/this.price; 
    }; 

    vm.bars.forEach(function(bar){ 
     bar.qty = qty; 
    }) 


    }); 

Answer 2

試行IIFE（即時呼び出し関数式）。

for(var i = 0; i < vm.bars; i++) { 
    (function(i){ 
    vm.bars.bind(vm.bars[i], qty); 
)(i); 
}