javascriptをパラメータとして角度SCOPを結合

Question

私はjavascriptの関数呼び出しにいくつかの動的な値をバインドしたい

...

<button type="button" class="btn btn-info pull-right" onclick="addToCart('{{i.item_name}}','{{i.price}}')">Add to Cart</button> 

私がバインドするにはどうすればよいonclick="addToCart('{{i.item_name}}','{{i.price}}')"

エラー：

Error: [$compile:nodomevents] 

Answer 1

angularjs使用クリックしてクリックしないでください。

<button type="button" class="btn btn-info pull-right" ng-click="addToCart('{{i.item_name}}','{{i.price}}')">Add to Cart</button> 

Answer 2

私はiがng-repeatからであると推測していますか？以下はトリックを行う必要があります。

ng-click="addToCart(i.item_name, i.price)"

Answer 3

解決方法1：

あなたは、データの属性にそれらの動的な値を代入し、あなたのjavascriptのメソッド内のデータ属性を読み取ることができます。

function addToCart(e){ 
    console.log(e.target.dataset); 
    //{itemName:'...', itemPrice:'...'} 
} 

<button type="button" class="btn btn-info pull-right" data-item-name="{{i.item_name}}" data-item-price="{{i.price}}" onclick="addToCart(event)">Add to Cart</button> 

解決方法2：

コントローラ内でメソッドを記述し、

//javascript method 
function addToCart(itemName, itemPrice){ 
    //your logic here 
} 

//inside controller 
$scope.addToCart = function(item){ 
    //javascript method call 
    addToCart(item.item_name, item.price); 
}; 

//html 
<button type="button" class="btn btn-info pull-right" ng-click="addToCart(i)">Add to Cart</button> 

そこからあなたのjavascriptのメソッドを呼び出します