Javascript 如何用名称和值（数字ID）填充下拉列表？

如何正确地将下拉列表绑定到控制器变量，而是使用下拉数组的id属性而不是要赋值的值，仍然使用数组的name属性显示下拉内容供最终用户选择

AngularJS工作下拉模板，但没有ID/Value属性

<ui-select ng-model="ctrl.risk.owner" theme="select2" 
           ng-disabled="ctrl.disabled" style="max-width: 150px"
           title="Choose a person">
  <ui-select-match placeholder="Select/Search User">
    {{$select.selected.name}}
  </ui-select-match>
  <ui-select-choices repeat="user in ctrl.users | propsFilter: {name: $select.search}">
      <div value="user.id" ng-bind-html="user.name | highlight: $select.search"></div>
  </ui-select-choices>
</ui-select>

{{$select.selected.name}

设置阵列（这是我需要user.id用于选择ui下拉库的地方）

$http.get（'api/users'）。然后（函数（响应）{
if（response.data.successed）{
for（var key=0；key”+
$sce.trustAsHtml（response.data）；
}
}); 

ui select不使用值HTML属性，因此它没有意义。您的选择由您在repeat语句中指定的内容表示

此语句表示用户将用于绑定：

<ui-select-choices repeat="user in ctrl.users | propsFilter: {name: $select.search}">

<ui-select-choices repeat="user.id as (id, user) in ctrl.users | propsFilter: {name: $select.search}">

如果这是真的，您只需查看所选用户的

ctrl.risk.owner

---

使用ui select提供的示例。我认为这一点与您正在尝试的内容最为接近：

ui-select没有使用value-HTML属性，因此它没有任何意义。您的选择由您在repeat语句中指定的内容表示

此语句表示用户将用于绑定：

<ui-select-choices repeat="user in ctrl.users | propsFilter: {name: $select.search}">

<ui-select-choices repeat="user.id as (id, user) in ctrl.users | propsFilter: {name: $select.search}">

如果这是真的，您只需查看所选用户的

ctrl.risk.owner

使用ui select提供的示例。我认为这一点与您正在尝试的最接近：

工作解决方案是工作解决方案是