複数のボタンがanglejsの異なるパラメータで同じ関数を呼び出しています - javascript

Question

異なるパラメータで複数のボタンをクリックすると、コントローラの同じメソッドが呼び出されます。私はそれを処理するために異なる別のJavaScriptコードを書く場合、うまく動作します。しかし、私のすべての操作のために同じコードを使用したい...ここにHTMLコードは次のとおりです。

Note: "breakfastCalorie" and "lunchCalorie" are available dynamic values. 

<div id="breakfast"> 
    <span> Breakfast - {{breakfastCalorie}} </span> 
    <button id="breakfast_btn" ng-click="suggestMeal(breakfastCalorie)">Breakfast</button> 
</div> 
<div id="lunch"> 
    <span> Lunch - {{lunchCalorie}} </span> 
    <button id="lunch_btn" ng-click="suggestMeal(lunchCalorie)">Lunch</button> 
</div> 
... and so on. 

そして、次の関数は、各ボタンのクリックで呼び出されるべき（または私は再び同じジャバスクリプトを記述する必要があります）。ここ は、コードのJavaScriptの行です：

$scope.suggestMeal = function() { 
    //I want the calorie value to further send it to do some manipulation 
} 

Answer 1

あなたが適切なタイプで呼び出す次に食べ

$scope.EatType = { 
     breakfast: 1, 
     lunch: 2 
}; 

のタイプに列挙型を作成することができます呼び出すための

$scope.suggestMeal = function (eatType, cal) { 

} 

：

<button id="lunch_btn" ng-click="suggestMeal(EatType.lunch,lunchCalorie)">Lunch</button> 

を