Problem p-breadcrumb after update to beta6

[manang85]

Hi all
I have the following error:

EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in app/pages/searchPage.html:1:4
ORIGINAL EXCEPTION: No provider for Router!

I can resolve the issue if I delete from the page the p-breadcrumb part.

Code: Select all

<p-breadcrumb>
        <ul>
            <li><a nohref  (click)="goToPage('/index')"><span>Index</span></a></li>
            <li><a nohref  (click)="goToPage('/searchPage')"><span>Search Page</span></a></li>
        </ul>
    </p-breadcrumb>

With primeng beta5 i did not have this kind of error.
Could you help me?
Thank you
Angelo

[DarthMaul]

Hi,

With beta6 all the menu components are now native.Please check the documentation again.

http://primefaces.org/primeng/#/breadcrumb

[Limarson]

Unfortunately the new menu relies on the deprecated beta router. As for this, you have to import the providers and set it as a provider somewhere in the app:

import {ROUTER_PROVIDERS} from '@angular/router-deprecated';

@Component({
[...]
providers : [ROUTER_PROVIDERS]
})

Then it'll work as expected.

[Limarson]

Unfortunately, the new menu components rely on the deprecated Beta Router. As for this, you have to import the deprecated Router somewhere in your application and make the provider available:

import {ROUTER_PROVIDERS} from '@angular/router-deprecated';
@Component({
[...]
providers : [ROUTER_PROVIDERS]
})

[manang85]

Hi,
my http template is :

Code: Select all

<p-breadcrumb [model]="items"></p-breadcrumb>

my controller class is:

Code: Select all

import {Breadcrumb,MenuItem} from 'primeng/primeng';

@Component({
	templateUrl: 'app/pages/searchPage.html',
	selector: 'my-app',
    directives: [InputText, DataTable, Button,
    Column, Calendar, SelectButton, Breadcrumb],
	providers: [VRepWInstanceService]
})

export class SearchPage {
 constructor() {   

        this.items = [];
        this.items.push({label:'Index'});
        this.items.push({label:'Sports'});
        
        
    }
}

Where is my error?
Thank you very much
Angelo

[DarthMaul]

Try like this.

Code: Select all

export class SearchPage implements OnInit {

   private items: MenuItem[];

   ngOnInit() {
        this.items = [];
        this.items.push({label:'Index'});
        this.items.push({label:'Sports'});
    }
        
 }

[manang85]

no, nothing.

thanks for your answer.

Angelo

[cagatay.civici]

Have you added Limarson's suggestion?

[manang85]

Good morning
I didn't see the Limarson's suggestion.
I tried with that suggestion and now the breadcrumb is ok.

Thank you very much
Angelo