Untitled

connections.component.ts
--------------
import { NgModule }                             from '@angular/core';

import { ConnectionsComponent }                 from './connections.component';
import { ConnectionsRoutingModule }             from './connections-routing.module';
import { SharedModule }                         from '../shared/shared.module';

import { ConnectionsOverviewComponent }         from './connections-overview.component';
import { ConnectionsWiFiComponent }             from './connections-wifi.component';

@NgModule({
    imports: [
        ConnectionsRoutingModule,
        SharedModule
    ],
    declarations: [
        ConnectionsComponent,
        ConnectionsOverviewComponent,
        ConnectionsWiFiComponent
    ]
})
export class ConnectionsModule {

}


connections.component.html
------------------
<edge-tabs> --- THIS IS NOT WORKING
</edge-tabs>
<nav>
    <a [routerLink]="['overview']">Overview</a>      ---- THIS WORKS
    <a [routerLink]="['wifi']">Technical Specs</a>
</nav>

tabs.component.ts
----------------
import { Component, OnInit }        from '@angular/core';
import { Router, ActivatedRoute, RouterLink } from '@angular/router';

@Component({
    selector: 'edge-tabs',
    templateUrl: 'tabs.component.html',

})
export class TabsComponent {

    constructor(private router:Router, private route:ActivatedRoute) {}

    ngOnInit(): void { }
}


tabs.component.html
--------------------
<a [routerLink]="['overview']">Overview</a>