angularjs - Angular 输入限制为 1 个字符

Question

我想知道为什么在这个例子中每次输入不能输入超过一个字符:

http://jsfiddle.net/R3uY4/2/

<div ng-app>
  <div ng-controller="ctrl">
     <table>
            <tr>
                <td ng-repeat="f in foo">
                    <input ng-model="foo[$index]" style="width:60px" ></input>
                </td>
            </tr>
        </table>
  </div>
</div>

js:

function ctrl($scope) {
  $scope.foo = [];
    for (var i=0; i<5; i++) {
        $scope.foo.push('');
    }  
}

Answer 1

您正在将您的模型绑定(bind)到基元。它不能那样工作。完整解释在此 github issue .此外，每次更改输入值时，您的 ng-repeat 都会刷新。这就是您注意力不集中的原因。

始终绑定(bind)到对象:

HTML:

<td ng-repeat="f in foo">
  <input ng-model="f.value" style="width:60px" />
</td>

Controller :

function ctrl($scope) {
  $scope.foo = [];
    for (var i=0; i<5; i++) {
        $scope.foo.push({value: ''});
    }
}