Как я могу создать боковую навигационную панель с 100 вкладками в угловых 4

Question

Я только начинаю Angularjs и мне нужна помощь.Я работаю над проектом ANGULAR 4 SPA, где у меня есть боковая панель с 100 вкладками.каждая вкладка имеет разный контент. Ниже приведено изображение боковой панели

.Итак, я попробовал простой подход, создав несколько компонентов для каждой вкладки, добавив их в Routes и загрузив их, и это работает нормально. Но при таком подходе мне придется создать 100 компонентов для каждой вкладки. Я думаю, это неэффективный способ.Так есть ли другой способ / отраслевой стандарт для этого?

Спасибо и всего наилучшего.

Answer 1

Вам не нужно иметь 100 отдельных компонентов. Я сделал несколько приложений с похожей проблемой. Вам нужен один компонент - SidebarComponent, и там вам нужно визуализировать 100 тегов привязки с помощью простого * ngFor. Это будет выглядеть примерно так внутри sidebar.component.html:

<nav class="sidebar-nav">
    <ul id="sidebarnav">
        <li *ngFor="let menu of user.menus">
            <a href="#" [routerLink]="[menu.url]" 
              <span>&nbsp; menu.code </span>
            </a>
        </li>
    </ul>
</nav> 

Надеюсь, это поможет!