refactor(angular): lazy loading tabs

[manucorporat]

• No named buggy ion-router-outlet
• Lazy loading works!
• Simpler routes
• Simpler markup
• Beautiful URLS

Markup:

<ion-tabs>
  <ion-tab-bar>
    <ion-tab-button tab="account">
      <ion-label>Tab One</ion-label>
      <ion-icon name="add"></ion-icon>
    </ion-tab-button>

    <ion-tab-button tab="contact">
      <ion-label>Tab Two</ion-label>
      <ion-icon name="logo-ionic"></ion-icon>
    </ion-tab-button>
  </ion-tab-bar>
</ion-tabs>

Routes:

  {
    path: 'tabs',
    component: TabsComponent,
    children: [
      {
        path: 'account',
        children: [
          {
            path: 'nested/:id',
            component: TabsTab1NestedComponent
          },
          {
            path: '',
            component: TabsTab1Component
          }
        ]
      },
      {
        path: 'contact',
        children: [
          {
            path: 'one',
            component: TabsTab2Component
          },
          {
            path: '',
            redirectTo: 'one',
            pathMatch: 'full'
          }
        ]
      }
    ]
  }

[manucorporat]

Fixes #16619