Angular JS ng-model 第一次没有正确启动

Question

我正在使用 Angular JS ng-model 来跟踪 select 标签的 selected 值。

function ControllerA($scope) {
    $scope.optionsArray = [1,2,3,4,5];
    $scope.optionsObject = {"India" : "IN" , "Singapore" : "SG", "Malaysia" : "MY", "Indonesia" : "INDY"};

}

如果，我使用 tab 键转到下拉菜单并尝试按 "I" 两次以 select 第二个以 I 开头的选项，下拉菜单值按预期更新，但是 ng -model 只取第一个选项 "I" 的值。 angular js 中的错误还是我在这里做错了什么？

Answer 1

看看下面的jsfiddle

与您的代码的主要区别在于下拉菜单的构建方式。

而不是用一个物体喂它

$scope.optionsObject = {"India" : "IN" , "Singapore" : "SG", "Malaysia" : "MY", "Indonesia" : "INDY"};

您必须将数据更改为不同的内容，例如对象数组，如下所示：

$scope.optionsObject = [ { name: "India", code: "IN" }, { name: "Singapore", code: "SG" }, { name: "Malaysia", code: "MY" }, { name: "Indonesia", code: "INDY" } ];

Angular JS ng-model 第一次没有正确启动

Angular JS ng-model not initiating properly for the first time

javascript

angularjs

angular-ngmodel