Code Refactoring for Dynamic List in Angular 8
To handle such dynamic cases, you need to have dynamic code in both ts and html side.Take a look at this demo code which can be refactored furthur.

Here we have changed HTML 

    &lt;ul&gt;
        &lt;ng-container *ngFor="let page of pages"&gt;
            &lt;li *ngIf="page.showDOM"&gt;
                &lt;a routerLink="page.routing" routerLinkActive="active"&gt;
                    {{page.title}}
                &lt;/a&gt;
            &lt;/li&gt;
        &lt;/ng-container&gt;
    &lt;/ul&gt;


and similarly we created a dynamic array 

pages = [
  {
    id: 'menuPage',
    routing: '#',
    title: 'Menu Pages',
    showDOM: true
  },
  {
    id: 'aboutusPage',
    routing: '#',
    title: 'About US Pages',
    showDOM: true
  },
  {
    id: 'linkedInPage',
    routing: '#',
    title: 'LinkedIn Pages',
    showDOM: true
  }
]


It's still in a very crude format because your case will surely require more things from it. But this would help you to get the idea on how you should proceed.