How to store data to an object in AngularJs

angularjs, javascript

Solution

Just use `push` command:

 $scope.submitExpense = function (expenseInfo) {
    $scope.expenses.push(expenseInfo);
 }

see Demo in Fiddle

Problem

I want to store the form data into the an array(it is an array of objects) which is declared in controllers. Each time the form is submitted, the Form data in the format of an object should get appended in the array called `expenses`. The code is - controller.js ``` angular.module('myApp.controllers', []) .controller('expenseForm', function($scope, $location) { $scope.expenses = [{ exTitle: "", amount: "", typeOfShare: "", date: "" }]; $scope.**submitExpense** = function (expenseInfo) { } }); ``` expense.html ``` <form class="clearBoth" ng-controller="expenseForm" ng-submit="submitExpense(expenseInfo)"> <div class="expenseDesc" ng-model="expenseInfo"> <div class="leftDesc"> <div class="item"> <label for="title">Expense Title</label> <input type="text" id="exTitle" name="title" ng-model="expenseInfo.exTitle"/> </div> <div class="item"> <label for="amount">Total Amount Spend</label> <input type="text" id="totAmt" name="amount" ng-model="expenseInfo.amount"/> </div> <div class="item"> <label for="shareType">Type of Share</label> <select name="shareType" ng-model="expenseInfo.typeOfShare"> <option value="equal">Equal</option> <option value="unequal">Unequal</option> </select> </div> </div> <div class="rightDesc"> <div class="item"> <label for="date">Date</label> <input type="text" id="date" name="date" ng-model="expenseInfo.date"/> </div> </div>  </div>  <input type="submit" value="AddExpense" class="clearBoth" /> </form> ``` Here i am declaring a `expenseInfo` variable in the html page, which will contain all the details such as title, date etc. What should i write in submitExpense function so that this object gets appended in the expenses array?

Original source