AngularJS Multiple Select不显示预选选项

AngularJS Multiple Select不显示预选选项,angularjs,html,Angularjs,Html,当我需要为表单上的一个实体分配多个值时,我上午大部分时间都在编写一个解决方案 所以,我的想法是我有一个名为QualityData的实体,这个实体可以有不同的机制标识符 我想到的最佳解决方案是使用多选 将这两种解决方案结合起来,所有这些方法都可以很好地发挥作用: 我可以访问所选选项的数组,将其分配给我的实体,等等。。。但我有一个小小的退路,那就是我无法获得预选的选项——加载数据进行编辑时来自服务器的选项——在使用动态方法(如或ng选项)时在选择字段中高亮显示,它仅在硬编码选项时才起作用。另一个错误

当我需要为表单上的一个实体分配多个值时,我上午大部分时间都在编写一个解决方案

所以,我的想法是我有一个名为QualityData的实体,这个实体可以有不同的机制标识符

我想到的最佳解决方案是使用多选

将这两种解决方案结合起来,所有这些方法都可以很好地发挥作用:

我可以访问所选选项的数组,将其分配给我的实体,等等。。。但我有一个小小的退路,那就是我无法获得预选的选项——加载数据进行编辑时来自服务器的选项——在使用动态方法(如或ng选项)时在选择字段中高亮显示,它仅在硬编码选项时才起作用。另一个错误是,如果我希望添加比预选数组中的值更多的值,那么在使用动态方法时,它将删除其中存在的所有值,在进行harcoding时工作正常

标记:

<select multiple ng-change="showAlert(selectedValues)" ng-model="selectedValues">
                    <!--ng-options="resDatasIdOfMechanism as resDatasIdOfMechanism.name for resDatasIdOfMechanism in resDatasIdOfMechanisms track by resDatasIdOfMechanism.id" value="resDatasIdOfMechanism.id">-->

                   <option value="1">{{resDatasIdOfMechanisms[0].name}}</option>
                    <option value="2">{{resDatasIdOfMechanisms[1].name}}</option>
                    <option value="3">{{resDatasIdOfMechanisms[2].name}}</option>
                </select>

编辑以添加JSFIDLE链接,该链接正在工作,但我仍然没有找到原始问题的解决方案:

您的代码中有一个输入错误

在控制器定义中的“$scope”后添加逗号

fiddleApp.controller('myFiddle', ['$scope', function($scope) {

我已经完成了您的工作,它正在按照您的预期工作。

非常感谢您的帮助,如果我发现输入错误,可以节省我一些时间和愤怒:
fiddleApp.controller('myFiddle', ['$scope', function($scope) {