Question

我正在尝试将默认值设置为下面的下拉列表

<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调用返回的数据。是否有可能在我的下拉列表中将其中一个返回值作为默认值。

Answer 1

您可以做的是将您的选择模型设置为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/

希望这有帮助！

在下拉列表中设置默认值

1 个答案: