在下拉菜单中设置默认值答案

【问题标题】：Setting Default in the Dropdown在下拉菜单中设置默认值
【发布时间】：2018-09-29 02:38:10
【问题描述】：

我正在尝试在下面的下拉菜单中设置默认值

<div hidden id="projectSelected">
    <label style="font-size: medium">Project *</label>
    <select name="projectSelected" id="projectSelectedId" class="form-control" 
        ng-model="request.projectSelectedBarcode" required>
        <option ng-repeat="prj in projectList" value="{{prj.Barcode}}">{{ prj.Name }}</option>
    </select>
    <div style="color:maroon" ng-messages="getServiceReuqestForm.projectSelected.$error"
        ng-if="getServiceReuqestForm.projectSelected.$touched">
        <div ng-message="required">This field is required</div>
    </div>
</div>

这里的projectList 是从Odata 调用返回的数据。是否有可能我可以将返回值之一作为默认值放入我的下拉列表中。

【问题讨论】：

你应该使用 ng-options 指令，见stackoverflow.com/questions/18194255/…
@niklaz 我是 Angular 的新手。我应该将它们与 ng-repeat 一起使用吗？
可能重复：stackoverflow.com/questions/30088227/…
@levininja 我无法控制下拉列表中的值列表，因为它是从 Odata Web 服务返回的数据。
@trx，你不需要使用 ng-repeat，因为 ng-options 指令在内部使用。检查文档docs.angularjs.org/api/ng/directive/ngOptions

标签： javascript angularjs html-select

【解决方案1】：

您可以做的是将您选择的 ng-model 设置为您的 Odata 值中的条形码之一。

说在 Odata 调用之后你有这样的东西：

$scope.projectList=[
{
    "Name":"project 1",
  "Barcode":"barcode 1"
},
{
    "Name":"project 2",
  "Barcode":"barcode 2"
},
{
    "Name":"project 3",
  "Barcode":"barcode 3"
}];

那么你只需要做这样的事情：

  $scope.request={
   "projectSelectedBarcode":$scope.projectList[2].Barcode
  }

这应该设置你的<select>

你可以看看这个 JsFiddle：https://jsfiddle.net/Freego/p7g2d08g/1/

希望这会有所帮助！

【讨论】：