Ionic nested views with infinite level

Question

I am building a mobile app with Ionic and AngularJS. I have a scenario like this:

A Category has got a number of sub categories.

Example given: If you click on any category it shows its sub categories. If you click on any sub category it shows its sub categories and so on.

I tried with changing url by passing parameters but that didn't work. What is the best approach to achieve this? Thanks in advance.

For Ex : Cat A --> Sub Cat B --> Sub Cat C --> ... and so on Category A has Sub Categories B, Sub Categories B has Sub Categories C and it goes on till infinite level. — user1175121, Aug 12 '15 at 05:09
How have you exactly tried to change the url by passing parameters? Via `$stateParams`? — MHX, Aug 12 '15 at 08:24
Yes but for each view it has to create history in browser so that when user taps on back button it has to take previous category — user1175121, Aug 18 '15 at 06:22

score 0 · Answer 1 · edited May 23 '17 at 11:59

0

It sounds to me like you might need to create new states dynamically based on the number of subcategories that exist. I'd check out this SO question about creating states dynamically.

When you fetch all of the subcategories, execute a function to calculate the states based on the number of subcategories.

Edit to add: After you have the states, then you should be able to easily navigate to the child states using a <ui-sref> tag. ui-sref

edited May 23 '17 at 11:59

Community

1
1

answered Dec 02 '15 at 17:48

Jack Collins

1,145
10
21

But every time you load the same state dynamically the controller will be get executed which is not required in my case. – user1175121 Dec 07 '15 at 11:14

Ionic nested views with infinite level

1 Answers1