[英]How to store data to an object in AngularJs
我想將表單數據存儲到一個數組(它是一個對象數組)中,它在控制器中聲明。 每次提交表單時,對象格式的表單數據都應附加在名為expenses
的數組中。 代碼是 -
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 class="lowerSection">
<div class="expenseTable clearBoth">
<div class="tblHeader row">
<div class="sNo">SNo.</div>
<div class="email">Email</div>
<div class="name">Name</div>
<div class="share">Share</div>
<div class="paid">Paid</div>
<div class="owesTo">Owes To</div>
<div class="getsFrom">Gets From</div>
<div></div>
</div>
<div class="tblBody">
<div class="row">
<div class="sNo">1</div>
<div class="email">gnehapk@gmail.com</div>
<div class="name">Neha</div>
<div class="share">700</div>
<div class="paid">500</div>
<div class="owesTo">200 to Sneha</div>
<div class="getsFrom"></div>
<div></div>
</div>
</div>
<div class="tblFooter clearBoth">
<button id="addMember">Add Member</button>
</div>
</div>
</div> -->
</div> <!--end of expenseDesc-->
<input type="submit" value="AddExpense" class="clearBoth" />
</form>
在這里,我在html頁面中聲明了一個expenseInfo
變量,它將包含所有詳細信息,如標題,日期等。我應該在submitExpense函數中寫什么,以便將此對象附加到expenses數組中?
只需使用push
命令:
$scope.submitExpense = function (expenseInfo) {
$scope.expenses.push(expenseInfo);
}
看小提琴演示
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.