将输入框值绑定到数据集

时间:2016-11-10 21:55:58

标签: javascript angularjs

我正在使用ng-repeat来显示项目列表,每个项目都有行号,数量的html输入框和itemId。我想弄清楚 如何将我输入到输入框中的值绑定到myItem对象中的数量字段。

<tr ng-repeat="myItem in selectedItems track by $index">
<td>
    {{ myItem.lineNumber }}.
</td>
<td>
    <input type="text" size="8" ng-blur="showAllItems()" ng-bind="myItem.qty" ></input>
</td>
<td>
    {{ myItem.itemId }}
</td>
</tr>

正如您所看到的,我已经调用了ng-blur方法来显示所有项目。这是方法:

$scope.showAllItems = function() {

angular.forEach($scope.selectedItems, function(value,key) {
    console.log("key = " + key + ", value.lineNumber = " + value.lineNumber + ", value.qty = " + value.qty + ", itemId = " + value.itemId);

});

}

这就是我知道qty值不与我的数据集绑定的方式。我在这里缺少什么?

谢谢!

3 个答案:

答案 0 :(得分:1)

ngModel就是答案:

<input type="text" size="8" ng-blur="showAllItems()" ng-model="myItem.qty" />

答案 1 :(得分:1)

您需要使用ngModel属性{{1}}

答案 2 :(得分:0)

谢谢大家,就是这样!我不得不使用ng-model而不是ng-bind。