javascript - Select 并不总是与 AngularJS 中的初始模型值匹配

Question

我正在使用带有 chosen 的选择框指示。在我的页面中，用户可以编辑对象。 Bootstrap 模式中的表单将打开，其中包含用户可以编辑的初始值。所有输入表格都是必需的。

在我的其他选择框中，选项都具有与初始设置值的 id 正确匹配的 id。但一个盒子只有三个选项，而且都只是字符串。我不确定问题出在哪里，但选择框仅与模型中的值匹配大约五分之一。我尝试过其他类似问题的解决方案，但没有一个有效。我尝试在 jsfiddle 中构建一个示例，但无法在那里重复该问题。

hmtl 示例:

<div class="modal-body">
    <form class="form-horizontal" name="editForm" novalidate>
        <div class="form-group" ng-class="{'has-error': editForm.inputType.$invalid}">
            <label for="inputType" class="col-sm-2 control-label">Type:</label>
            <select chosen
                    class="col-sm-7"
                    id="inputType"
                    name="inputType"
                    data-ng-model="formData.Type"
                    data-ng-options="type.Name as type.Name for type in typeList"
                    required>
                <option value="">Select a type</option>
            </select>
        </div>
    </form>
</div>

加载要编辑的数据的 Controller 函数:

$scope.edit = function(objectid) {
      var req = {
            method: 'GET',
            url: $scope.url + 'node/' + objectid + '/'
      }
      $http(req).success(function(response) {
            $scope.formData = response;
            $scope.formData.id = objectid;
      });
};

typeList 的结构如下:

$scope.typeList = [
    {"Name": "General"}, 
    {"Name": "Super"}, 
    {"Name": "Material"}
];

当类型为 General 时，我测试了 formData.Type === typeList[0].Name 并且返回 true。问题可能出在所选指令或 Bootstrap 模式上吗？

Answer 1

我无法找到解决方案，因此我只是将一个整数 ID 添加到列表中，并基于该 ID 进行选择。它工作正常。