Tabmenu error

[nikos6707]

Hi, i am trying to use tabmenu but i am getting the following error:

Code: Select all

TabMenu.html:4 ERROR Error: StaticInjectorError(AppModule)[RouterLinkWithHref -> Router]: 
  StaticInjectorError(Platform: core)[RouterLinkWithHref -> Router]: 
    NullInjectorError: No provider for Router!
    at NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get (core.js:1062)
    at resolveToken (core.js:1300)
    at tryResolveToken (core.js:1244)
    at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:1141)
    at resolveToken (core.js:1300)
    at tryResolveToken (core.js:1244)
    at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:1141)
    at resolveNgModuleDep (core.js:8376)
    at NgModuleRef_.push../node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:9064)
    at resolveDep (core.js:9429)

[foolball]

Can you provide more code?

[nikos6707]

HTML code:

Code: Select all

<p-tabMenu [model]="items" [activeItem]="items[0]"></p-tabMenu>

TS code:

Code: Select all

activeItem: MenuItem;

	constructor() { 
		this.system_versions = [
			{ id: 1, name: 'Daily Operation'},
	  		{ id: 2, name: 'Mass Notification'}
  		];

  		this.items = [
  			{ label: 'Dashboard1', icon: 'fa fa-desktop'},
			{ label: 'Dashboard2', icon: 'fa fa-desktop'},
			{ label: 'Dashboard3', icon: 'fa fa-desktop'},
			{ label: 'Dashboard4', icon: 'fa fa-desktop'},
			{ label: 'Dashboard5', icon: 'fa fa-desktop'},
			{ label: 'Dashboard6', icon: 'fa fa-desktop'},
			{ label: 'Dashboard7', icon: 'fa fa-desktop'}	
  		];

  		this.activeItem = this.items[2];
  		
	}

[sudheer]

You should have to provide *.route.ts code as well.

[foolball]

This was resolved by providing the route.