Multiple button calling same function with different parameters in angularjs - javascript

Question

I want to call same method in controller on multiple button click with different parameters. If I write different-different javascript code to handle it, works fine. But I want to use the same code for all operation... Here is html code:

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.

And the following function should be called on each button click (or should I write same javascript again). Here is javascript line of code:

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

asdf_enel_hak · Accepted Answer · 2017-09-19 10:30:42Z

1

You can create enum for type of eat

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

Then call with appropriate type:

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

}

for calling:

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

answered Sep 19, 2017 at 10:30

asdf_enel_hak

7,6585 gold badges47 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Multiple button calling same function with different parameters in angularjs - javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related