Angular ng-options 删除空白选项和 select 只有第一个选项

Question

我正在使用 AngularJS 从我的控制器中的对象数组动态填充我的 select 选项内容。我的对象有一个名为 userProfileName 的属性。

如何删除顶部的空白选项？

此外，我想 select 默认情况下第一个配置文件 配置文件 1。如何做到这一点？

我的代码片段在这里：

<select id="requestorSite" 
                             ng-model="selectedUserProfile"
                             ng-options="userProfile.userProfileName for userProfile in userProfiles"
                             ng-selected=""
                             class="form-control displayInlineBlock width40per marginLeft15">
                            </select>

我的控制器有

$scope.userProfiles

作为对象数组，每个对象都有userProfileName属性。

下面是屏幕截图：

我想删除顶部的空白选项，并且默认情况下还有 配置文件 1 selected.

谢谢，安琪特

Answer 1

这样做 :)

在你的控制器中：

 function myCtrl ($scope) {
   $scope.userProfiles = [
     {id: 10, name: 'Carton'},
     {id: 27, name: 'Bernard'},
     {id: 39, name: 'Julie'},
  ];

   $scope.selectedUserProfile= $scope.userProfiles[0]; // Set by default the   value "carton"
  };

在您的页面中：

      <select  id="requestorSite" ng-model="selectedUserProfile" ng-options="userProfile as userProfile.name for userProfile in userProfiles">
            </select>

代码笔：http://codepen.io/anon/pen/qdOGVB

Answer 2

这有几种解决方法。以下最适合我。只需使用第一个值初始化模型。 ng-init="myItem = items[0].name" 成功了

<select ng-if="items" ng-init="myItem = items[0].name" ng-model="myItem">
     <option ng-repeat="item in items" ng-value="item.name">{{item.name}}</option>
</select>

Angular ng-options 删除空白选项和 select 只有第一个选项

Angular ng-options remove blank option and select the first option only

javascript

angularjs

html

ng-options