Javascript Ng选项下拉列表concat字段(如果第二个字段不为空)
我有一个表users,每个用户都有一个用户名,但表中还有一个可为空的displayname。我想在下拉列表中显示所有用户的用户名,如果有的话,还有他们的显示名 因此,没有displayname的用户将显示为:Javascript Ng选项下拉列表concat字段(如果第二个字段不为空),javascript,angularjs,angularjs-ng-repeat,ng-options,Javascript,Angularjs,Angularjs Ng Repeat,Ng Options,我有一个表users,每个用户都有一个用户名,但表中还有一个可为空的displayname。我想在下拉列表中显示所有用户的用户名,如果有的话,还有他们的显示名 因此,没有displayname的用户将显示为: <option value="1">*Username*</option> *用户名* 具有displayname的用户如下所示: <option value="1">*Displayname* (*Username*)</option>
<option value="1">*Username*</option>
*用户名*
具有displayname的用户如下所示:
<option value="1">*Displayname* (*Username*)</option>
*显示名称*(*用户名*)
我当前的选择只是一个常规的角度选择
<select name="Employee" ng-model="selectedUser" ng-options="user.Username for user in unAssignedUsers" required>
我不知道如何用ng选项解决这个问题,我到处都搜索过,但找不到。
任何帮助都将不胜感激 我会这样写:
<select name="Employee"
ng-model="selectedUser"
ng-options="selectedUser as combined(selectedUser) for selectedUser in unAssignedUsers" required>
演示请发布
未分配用户
模型和控制器感谢您的快速解决方案,这正是我要寻找的!
function MyCtrl($scope) {
$scope.unAssignedUsers = [{
"Displayname": "GeneralDisplayname",
"Username": "GeneralUsername"
}, {
"Displayname": "SuperDisplayname",
"Username": "Super"
}, {
"Displayname": "",
"Username": "UsernameTrial"
}];
$scope.selectedUser = $scope.unAssignedUsers[0];
$scope.combined = function(user){
if(user.Displayname == undefined || user.Displayname == ''){
return user.Username;
}
else {
return user.Username + " (" + user.Displayname + ")";
}
}
}