Html 如何根据角度中的数据动态填充选择框

我有一个选择框，它使用ng repeat填充数组中的数据。数组包含诸如名字、姓氏和用户名等信息。默认情况下，我希望在选择框中显示名字和姓氏。如果这两个字符串为空，我想显示用户名。有人知道实现这一目标的最佳方法吗

显示这两个值中剩余为空的名字和姓氏的当前HTML代码为空：

<div ng-app="myApp" ng-controller="MyController as ctrl">
  <select   ng-model="ctrl.user">
     <option ng-repeat="option in ctrl.userList" value="{{option.userName}}"                            
        {{option.firstName}} {{option.lastName}}</option>
  </select>
</div>

---

检查表达式中的任何字符串，如果没有，则显示

选项。用户名

<div ng-app="myApp" ng-controller="MyController as ctrl">
    <select   ng-model="ctrl.user">
      <option ng-repeat="option in ctrl.userList" value="{{option.userName}}"                            
        {{(option.firstName || option.lastName) ? option.firstName + ' ' +
     option.lastName : option.userName }}</option>
    </select>
    </div>

检查表达式中的任何字符串，如果没有，则显示
选项。用户名

<div ng-app="myApp" ng-controller="MyController as ctrl">
    <select   ng-model="ctrl.user">
      <option ng-repeat="option in ctrl.userList" value="{{option.userName}}"                            
        {{(option.firstName || option.lastName) ? option.firstName + ' ' +
     option.lastName : option.userName }}</option>
    </select>
    </div>


检查此工作代码



var-app=angular.module（'myApp'，[]）；
app.controller（'MyController'，函数（$rootScope，$scope，$compile）{
$scope.userList=[{“firstName”：“Steve”，“lastName”：“Miller”，“userName”：“Miller”}，{“firstName”：“Anne”，“lastName”：“Jones”，“userName”：“Jones”}，{“firstName”：“lastName”：“userName”：“mrX”}]；
});
{（！option.firstName&&！option.lastName）→option.userName:（option.firstName+“”+option.lastName）}
检查此工作代码



var-app=angular.module（'myApp'，[]）；
app.controller（'MyController'，函数（$rootScope，$scope，$compile）{
$scope.userList=[{“firstName”：“Steve”，“lastName”：“Miller”，“userName”：“Miller”}，{“firstName”：“Anne”，“lastName”：“Jones”，“userName”：“Jones”}，{“firstName”：“lastName”：“userName”：“mrX”}]；
});
{（！option.firstName&&！option.lastName）→option.userName:（option.firstName+“”+option.lastName）}
这肯定会帮助您：

<option ng-repeat="option in ctrl.userList" value="{{(option.firstName && option.lastName) ? option.firstName + ' '
     option.lastName : option.userName}}"                            
        {{(option.firstName && option.lastName) ? option.firstName + ' '
     option.lastName : option.userName }}</option>

这肯定会帮助您：

<option ng-repeat="option in ctrl.userList" value="{{(option.firstName && option.lastName) ? option.firstName + ' '
     option.lastName : option.userName}}"                            
        {{(option.firstName && option.lastName) ? option.firstName + ' '
     option.lastName : option.userName }}</option>

这是使用
|
的正确方法，因为OP希望它仅在其他两个字段为空时显示用户名。这是使用
|
的正确方法，因为OP希望它仅在其他两个字段为空时显示用户名。如果
ng
使
用户列表在选择选项上重新排序。没有名字和姓氏的选项将被分组到最后一个列表中，而不管实际索引在哪里。是的，如果您的
ng使
userList
在选择选项上重新排序，则让我更改它。不带名字和姓氏的选项将分组到最后一个列表，而不管实际索引在哪里。是的，让我更改它