如何将动态文本框值指定给相应的模型

Question

在我的角js应用程序中有文本框，用户可以动态添加和更新数据。如何将这些映射到模态。这是一个简单的问题，我从我现在的用例中得到的。

    <tr ng:repeat="item in invoice.items">
        <td><input type="text" ng:model="personInfo.item.description"class="input-small"></td>           
        <td><input type="number" ng:model="personInfo.item.qty" ng:required class="input-mini"></td>
        <td><input type="number" ng:model="personInfo.item.cost" ng:required class="input-mini"></td>
        <td>{{item.qty * item.cost | currency}}</td>
        <td>
            [<a href ng:click="removeItem($index)">X</a>]
        </td>
    </tr>

http://jsfiddle.net/kiranmca04/d81fzLzf/1/

当用户提交页面时，我需要修改json格式。可以在JSFIDLE中找到完整的html文件。

{info：[姓名：'Albert'，年龄：'33'，项目": [ { "desc"："test1"，"数量"： 1，"成本"： 33,}, { "desc"："test2"，"数量"： 2，"成本"： 4,}, { "desc"："test3"，"数量"： 1，"成本"： 1，}]
]}

Answer 1

JSFIDLE

基于您的代码，个人信息应该是一个单一的对象，而不是一个数组

var personInfo = {
    items: []
}

$scope.addItem = function() {
    personInfo.items.push({
        qty: 1,
        description: '',
        cost: 0
    });
},
$scope.removeItem = function(index) {
    personInfo.items.splice(index, 1);
},

$scope.total = function() {
    var total = 0;
    angular.forEach(personInfo.items, function(item) {
        total += item.qty * item.cost;
    })

    return total;
}
$scope.personInfo = personInfo

$scope.saveData = function (personInfo)
{
    alert(JSON.stringify(personInfo));
    console.log('info '+JSON.stringify(personInfo));
}

<tr ng:repeat="item in personalInfo.items">
    <td><input type="text" ng:model="item.description"class="input-small"></td>           
    <td><input type="number" ng:model="item.qty" ng:required class="input-mini"></td>
    <td><input type="number" ng:model="item.cost" ng:required class="input-mini"></td>
    <td>{{item.qty * item.cost | currency}}</td>
...