I'm currently tackling an issue with using ng-options to iterate through an array of objects and display specific properties in a select element.
Upon querying the api/admin endpoint, I receive JSON data containing details of all users holding the admin role. Let me break down how the data is structured.
[
{
"Roles": [
{
"Id": 149,
"UserId": 1807,
"Name": "Administrator",
"RoleGroup": "System"
},
{
"Id": 148,
"UserId": 1807,
"Name": "Administrator",
"RoleGroup": "System"
},
{
"Id": 150,
"UserId": 1807,
"Name": "Lead",
"RoleGroup": "System"
}
],
"Id": 1807,
"UserName": "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f8929c979db88f9d9a8b918c9dd69b97">[email protected]</a>",
"FirstName": " John",
"LastName": "Doe",
"Email": "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="08626c676d487f6d6a7b617c6d266b65">[email protected]</a>"
}
]
The goal is to create a <select> element that shows the concatenated values of the FirstName and LastName properties.
To retrieve the data from my API, I use the following query: $scope.admin = Api.admin.query
Subsequently, within my HTML markup, it is implemented like this:
<label>Admin*</label>
<select class="form-field"
ng-options="a.Id as a.FirstName + a.LastName for a in admin" required>
<option value="">Select an Admin</option>
</select>
I am seeking guidance on what steps might be missing to achieve the desired functionality. Any assistance would be greatly valued!