Error: No provider for OnsNavigator!

[kasim]

When using ons-navigator inside ons-splitter provide below error

my source is below

1. boot.ts :
   
2. app.component.ts
   
3. splitside.component.ts
   
4. sidecontent.component.ts
   
5. splitcontentpage1.component.ts
   
6. splitcontentpage2.component.ts
   

please advice how to fix the problem. possible give us sample

thanks
kasim

[munsterlander]

@kasim This example is for vanilla and I don’t know Angular 2 well enough to chime it, but maybe it will point you in the right direction. http://tutorial.onsen.io/?framework=vanilla&category=Community tutorials&module=splitter_navigator

[EdByrnee]

@kasim Did you ever resolve this? I am running into similar issues with OnsNavigator and I’m not sure what I’m doing wrong.

Thanks.

[asial-matagawa]

Hi, @kasim!

I have checked your code.
SidePageComponent seems to try to inject an OnsNavigator instance, but the ancestor components of SidePageComponent have no ons-navigator in their templates.
So the hierarchical dependency injector of Angular could not find a corresponding provider for OnsNavigator instance which registered in ContentPageComponent and reported the error like No provider for OnsNavigator.

You can fix this problem by connecting SidePageComponent with ContentPageComponent via a service.

The official guide for Angular component interaction is here:
https://angular.io/docs/ts/latest/cookbook/component-communication.html