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

Question

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

这是例子http://jsfiddle.net/8853oxb1/3/

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

}

如果，我使用 tab 键转到下拉菜单并尝试按“I”两次以选择以 I 开头的第二个选项，下拉菜单值会按预期更新，但 ng-model 仅采用第一个选项是“我”。 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" } ];