javascript - 指令中带有异步的Angular Select

尽我所能尝试，但我无法在完全正常工作的情况下进行角度选择。我可以使它大部分正常工作-但不是一切。

想象控制器看起来像：

 $scope.stuff = {};
 $scope.stuff.blah = "SOME_KEY";
 External.list().then( function (data ) {
   $scope.stuff.sourceSystems =data;
 });

然后这很好地显示了值

 <select ng-model="stuff.blah">
 <option ng-repeat="(key, value) in stuff.sourceSystems | orderBy" value="{{key}}">{{key}}</option>
 </select>

但这出于某种原因在开始时还有一个额外的空白选择：

<select ng-model="stuff.blah" ng-options="key for (key, value) in stuff.sourceSystems | orderBy"></select>

但是-在任何情况下都不会选择我设置为SOME_KEY的现有值。在第一种情况下，选择列表中的第一个值-在第二种情况下，选择空白值。在这两种情况下-基础绑定值都是SOME_KEY。但是，只要我实际更改了所选值，就将其下拉（绑定值（等等））即可正确更改。

这是在bindToController设置为true的指令中。

我究竟做错了什么？

最佳答案

$ scope.stuff.blah
，在ng-repeat中，重复的Value是Object（包含角度的hashkey）

try this, and read ng-options

 <select ng-model="stuff.blah" ng-options="system.key as system.key for system in stuff.sourceSystems | orderBy">
 </select>

关于javascript - 指令中带有异步的Angular Select，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37452615/