Javascript 如何在AngularJS中的作用域之间追加输入框值

在本例中，我正在阅读这个示例，当您单击添加到列表时，它使用检查项按钮将您输入的数据添加到未选中的：下面的数组中，当您按下检查项按钮时，它会将值推到检查项数组中。这是一个非常简单的例子。我要尝试的是，我在未选中的数组中添加了新的输入文本框：并尝试将它们的值发送到已选中的项目数组，但它不会更新。我的工作演示在这里

控制器：

// Add a Item to the list
$scope.addItem = function () {

    $scope.items.push({
        amount: $scope.itemAmount,
        name: $scope.itemName,
        //This one I have added
        qty: $scope.qty
    })

     <table>
         <tr ng-repeat="item in items" class="item-unchecked">
            <td><b>amount:</b> {{item.amount}} -</td>
            <td><b>name:</b> {{item.name}} -</td>
             /*This is one I have added*/
            <td><b>qty:</b> <input type="number" ng-model="qty" /></td>
         </tr>
     </table>
        <button ng-click="toggleChecked($index)">check item</button>

HTML:

// Add a Item to the list
$scope.addItem = function () {

    $scope.items.push({
        amount: $scope.itemAmount,
        name: $scope.itemName,
        //This one I have added
        qty: $scope.qty
    })

     <table>
         <tr ng-repeat="item in items" class="item-unchecked">
            <td><b>amount:</b> {{item.amount}} -</td>
            <td><b>name:</b> {{item.name}} -</td>
             /*This is one I have added*/
            <td><b>qty:</b> <input type="number" ng-model="qty" /></td>
         </tr>
     </table>
        <button ng-click="toggleChecked($index)">check item</button>

金额：{{item.amount}}-
名称：{{item.name}-
/*这是我添加的一个*/
数量：
检查项目

---

我只是在尝试，但不知道正确的方法。任何人都可以帮忙。提前谢谢

我刚刚对您的代码做了一些更改（将数量添加到模型中）。现在它开始工作了

但它不起作用的主要原因是——因为这一行：

<button ng-click="toggleChecked($index)">check item</button>

检查项目

在ng repeat之外，toggleChecked（$index）未获取索引值

---

这是更新后的脚本：

我在那把小提琴里没有看到任何

数量

的东西，我也不太清楚“它不更新”是什么意思。不更新意味着一旦在输入框中输入我在未选中数组中添加的任何值，它就应该添加到选中数组中。谢谢你的回复Rabi。你能分享js fiddle url吗？我看不到更改。看起来很不错，但我不想重复检查项目按钮，这就是为什么我一直在桌子外面。有没有办法不让按钮重复。谢谢