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

如果模型值与数组中提供的值匹配，则填充模型值应该有效。设置为WageAgreement.ShipId的模型值时，请参阅http://jsfiddle.net/5qp54/2/其中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;
});

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

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

AngularJs下拉值清除模型值

1 个答案: