I’d like to customize the username displaying in the top right corner. The current HTML snippet is as below:
<div class="btn-group" ng-show="loggedInUser.username">
<button type="button" class="btn btn-warning">
{{ loggedInUser.username }}
@{{ loggedInUser.realm }}
({{ loggedInUser.role }})
I’d like to change it to display givenname surname
like below, but that doesn’t seem to work. Is this possible or am I just referencing these attributes incorrectly?
<div class="btn-group" ng-show="loggedInUser.username">
<button type="button" class="btn btn-warning">
{{ loggedInUser.givenname }}
\ {{ loggedInUser.surname }}
({{ loggedInUser.role }})