编程语言
首页 > 编程语言> > javascript-绑定到AngularJS中的数组元素

javascript-绑定到AngularJS中的数组元素

作者:互联网

在AngularJS中,我可以成功地将文本输入绑定到数组元素:

<input type="text" ng-model="foo[2]" />

这是允许的,还是只是偶然地起作用?

当我尝试将选择元素或复选框输入绑定到数组元素时,它们将无法工作-即选择元素不会更改选择的显示或绑定值,并且单击复选框时不会显示勾号.

我在这里想念什么吗?

更新:它在JSFiddle中工作:http://jsfiddle.net/azFzc/

解决方法:

它确实适用于选择元素

看看这个jsfiddle http://jsfiddle.net/fStE7/

的HTML

<div ng-app>
<div ng-controller="MyController">
    Select
<select ng-change="changed()" 
        ng-options="option.value as option.label for option in options" ng-model="ar[0]">
 </select>
</div>
</div>

JS

function MyController($scope){
    $scope.options = [
        { label : "first element", value : 0 },
        { label : "second element", value : 1 },
    ]

    $scope.ar = [];
    $scope.ar[0] = 0;

    $scope.changed = function(){
         console.log($scope.ar[0]);
    }
}

标签:angularjs,data-binding,arrays,javascript
来源: https://codeday.me/bug/20191122/2062757.html