Angular Tab Route How to


#1

Hello , I am trying to make an app with general Tab navigation. But I wanted to make the main Tab as module . And each of its different tab to load separated new modules. Do you have an idea how I could achieve this.


#2

Tab doesn’t support routing, it’s simply a container. If you still need one, you might have to declare named routers outlets in each tab which is simply complicating in my opinion.


#3

Hi ,
WHat do you mean by named routers outlets (is it a route-outlet or it is a page-route-outlet)


#4

It’s a router outlet, you will assign name to your routers when you have more than one inside a component. As TabView is a component and you want to navigate to different views inside each tab.


#5

In general I am trying to implement this solution, but with difference that I want to use Modules for each different context of tab .


#6

Thats exactly what I meant, glad you found an example. Hopefully this gets better once multiple page router outlet support in enabled in Angular which may likely to happen in upcoming release.


#7

This is example with components But I needed with modules


#8

That’s exactly what I meant, that feature is still under development should be released in next release hopefully.


#9

It’s realized already , but not for Angular , if I understand correctly


#10

Actually support for NativeScript Core is already out in 4.0 release, support for Angular - multiple page router outlets is what under implementation if you read the release notes.