angularjs select2选定值不显示在字段中

我正在使用angularjs和select2插件

编辑具有可从下拉列表中设置属性的项目时，当前选定值将在下拉列表中被选中/高亮显示，但不可见。我必须实际单击下拉列表以查看所选的实际选项。基本上一开始这个字段是空的

像这样：

如您所见，该字段为空，但如果单击它，则会看到已选中亚利桑那州。如何在下拉列表中显示亚利桑那州，而不必单击它

这就是我将它绑定到元素的方式

  <select data-custom-select class="form-control" data-ng-model="newType.Type" data-ng-options="t for t in definitions.Types"></select>

模型：

$scope.newType = {
    Type: 'Type 1'
}

$scope.definitions ={
    "Definitions": [{
        "Id": "1",
        "Name": "Name 1"        
    }, {
       "Id": "2",
        "Name": "Name 2" 
    }],
    "Types": ["Type 1", "Type 2", "Type 3"]
};

---

尽量不要混淆

jQuery

插件和

angularjs

。这里有一个用于

Select2

的

angularjs

模块：

---

示例：

请添加相关代码或在类似的页面上创建演示。我添加了所需的信息。屏幕截图与代码无关，只是为了显示问题。效果完美！非常感谢。

$scope.newType = {
    Type: 'Type 1'
}

$scope.definitions ={
    "Definitions": [{
        "Id": "1",
        "Name": "Name 1"        
    }, {
       "Id": "2",
        "Name": "Name 2" 
    }],
    "Types": ["Type 1", "Type 2", "Type 3"]
};