Как изменить имя пользователя в SideDrawer'е (NativeScript)?

Question

[Дмитрий]

Есть вот такой шаблон: https://github.com/NativeScript/nativescript-app-t...
Это приложение с выезжающим меню.
В app.component.html прописано само меню:

<RadSideDrawer [drawerTransition]="sideDrawerTransition">
    <GridLayout tkDrawerContent rows="auto, *" class="sidedrawer sidedrawer-left">
        <StackLayout row="0" class="sidedrawer-header">
            <Label class="sidedrawer-header-image fa" text="&#xf2bd;"></Label>
            <Label class="sidedrawer-header-brand" text="User Name"></Label>
            <Label class="footnote" text="[e-mail]"></Label>
        </StackLayout>
    </GridLayout>

    <page-router-outlet tkMainContent class="page page-content"></page-router-outlet>
</RadSideDrawer>

Я добавил сервис auth.service.ts внутри которого происходит аутентификация пользователя. Данные о пользователе приходят с сервера. Как поменять имя пользователя в меню в момент получения данных с сервера?
Перерыл уже весь интернет, попробовал использовать bindingContext - ничего не помогает.

ЗЫ:
Первым делом я исправил метку:
[text]="userName"
Теперь, если добавляю поле userName в класс AppComponent, то все работает как надо. Но как поменять поле из сервиса?