AngularJs 下拉值清除模型值

Question

我的下拉 html 如下所示：

<select name="originType" class="form-control"
        ng-model="myLocationType"
        ng-options="type.Key as type.Value for type in allLocationTypes"
        required></select>

这可以很好地填充下拉列表。但是，当我加载页面并用模型数据填充它时，应该选择的值永远不会是。下拉菜单始终使用默认（空白）值。我对不是键/值对的下拉列表没有任何问题。例如：

<select name="shipId" class="form-control"
        ng-model="WageAgreement.ShipId"
        ng-options="shipId for shipId in manufacturers"
        required></select>

Answer 1

如果模型值与数组中提供的值匹配，则填充模型值应该可以工作。请参阅http://jsfiddle.net/5qp54/2/，其中在设置为 WageAgreement.ShipId 的模型值时选择 2

var mod = angular.module("myApp", []);

mod.controller("MainController", function ($scope) {
    $scope.allLocationTypes = [
        {Key: 1, Value: "Shipyard 1"},
        {Key: 2, Value: "Shipyard 2"},
        {Key: 3, Value: "Shipyard 3"}
    ];
    $scope.WageAgreement = {};

    //Populate value here
    $scope.WageAgreement.ShipId = 2;
});

您的模型值是否与对象数组中的键匹配？如果没有选择下拉列表中的值，我怀疑某些内容不匹配。

如果这不能回答您的问题，您能否使用 jsfiddle 或您如何填充制造商/allLocations 和 WageAgreement 的示例更新您的帖子？