Angular：ng-select不显示ng-selected值

Question

尝试根据id设置select中的默认值。

我有一个对象location，其中<pre>{{location.routeId}}</pre>会打印一个ID 819e41ef-0081-41e6-a415-2766dc16e8e4

<select ng-model="location.route">
        <option value="" disabled>Choose Route</option>
        <option ng-repeat="route in appData.Routes" 
             ng-selected="{{route.id == location.routeId}}" 
             value="{{route}}">
             {{route.id}} : {{route.name}}
        </option>
</select>

route中的appData.Routes包含参数name和id，我试图将route.id与location.routeId匹配

如果我检查元素，我可以看到其中一个选项的ng-selected为true，但仍未在UI中选择它。

这是UI的截图

Answer 1

在第一个选项中取出disabled属性。

Answer 2

试试这个：

<select ng-model="location.route">
        <option value="">Choose Route</option>
        <option ng-repeat="route in appData.Routes" 
             ng-selected="route.id == location.routeId || location.route && route.id == location.route.id" 
             ng-value="route">
             {{route.id}} : {{route.name}}
        </option>
</select>

Answer 3

您不需要为ngSelected指令使用花括号。所以只需删除它们：

ng-selected="{{route.id == location.routeId}}"

要：

ng-selected="route.id == location.routeId"