如何将id连同名称一起传递给angularjs中使用的数据列表中的名称？

Question

我想在wpIn.id中传递ID（ng-model）并在UI中显示文本（wpIn.presentationName）。但是，尽管在值字段中提供了ID，ID仍会显示在用户界面中。

<input type="text" class="taskSearch" placeholder="Enter Name"
  ng-model="wpInItems" list="wpItemsIn" />
<datalist id="wpItemsIn">
  <option ng-repeat="wpIn in workProductsList | orderBy :'presentationName'"
    value="{{wpIn.id}}">{{wpIn.presentationName}}</option>
</datalist>

Answer 1

我看不到您的模板代码有任何问题。

  <select ng-model="selected">
    <option ng-repeat="wpIn in workProductsList" value="{{wpIn.id}}">{{wpIn.presentationName}}</option>
  </select>
  <span>Selected value is {{selected}}</span>

数据：

  $scope.workProductsList = [
    {
      id: 1,
      presentationName: 'First one'
    },
    {
      id: 2,
      presentationName: 'Second'
    },
    {
      id: 3,
      presentationName: 'Last'
    }];

https://plnkr.co/edit/bWXaLMWWm8dt5eEi9RzH?p=preview