Как связать свойство объекта с атрибутом имени страницы-маршрутизатора-розетки? - PullRequest
Новая
       32

Как связать свойство объекта с атрибутом имени страницы-маршрутизатора-розетки?

0 голосов
/ 24 августа 2018

Я отказался от жесткого кодирования вкладок. Я хотел, чтобы они были динамическими, поэтому я использовал ngFor и мог отображать заголовок и значок для вкладки. По какой-то причине имя вкладки не будет работать с атрибутом имени.

Таким образом, класс вкладки имеет свойства заголовка, значка и имени.

tab.name возвращает homeTab, browseTab или searchTab.

Закомментированный код работает на 100%. Код, который я хочу работать, делает все, кроме части маршрутизации. 

<TabView androidTabsPosition="bottom">

    <ng-container *ngFor="let tab of tabs">

        <page-router-outlet *tabItem="{title: tab.title, iconSource: getIconSource(tab.icon)}" name="tab.name">

        </page-router-outlet>

    </ng-container>

<!-- 
    <page-router-outlet *tabItem="{title: 'Home', iconSource: getIconSource('home')}" name="homeTab">
    </page-router-outlet>

    <page-router-outlet *tabItem="{title: 'Browse', iconSource: getIconSource('browse')}" name="browseTab">
    </page-router-outlet>

    <page-router-outlet *tabItem="{title: 'Search', iconSource: getIconSource('search')}" name="searchTab">
    </page-router-outlet>
-->

</TabView>
...