如何在AngularJS的作用域之间添加输入框值

How to append input box value between scopes in AngularJS

本文关键字：添加 输入 之间 作用域 AngularJS      更新时间：2023-09-26

我正在阅读这个例子http://jsfiddle.net/7n8NR/3/在这个例子中，一旦你点击添加到列表它添加了你输入的数据在未检查:数组下面与检查项目按钮，当你按检查项目按钮，它推动值在检查项目数组。这是一个非常简单的例子。我要尝试的是，我在未检查:数组中添加了新的输入文本框，并试图将它们的值发送到检查项数组，但它没有更新。我的工作演示在这里http://jsfiddle.net/7n8NR/240/

控制器: 

// 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
    })
HTML: 

     <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>

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

我刚刚对您的代码进行了一些更改(将数量文件添加到模型中)。

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

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

在ng-repeat之外，toggleChecked($index)没有得到索引值

下面是更新后的脚本:http://jsfiddle.net/7n8NR/242/

相关文章：