Uhm wait. I haven't understand what are the relationships between cities, categories and subcategories. How you can determine, for example, what categories belongs to a city? Category objects, for ex, need to have a property that indicate what is its city.
Then, I think doing what you what using router is very difficult (or maybe tricky). I think you have to use ui-router instead of router, or search about a wizard module, create your own or do everything in a unique controller (or service or whatever you want). Finally, the point is always the same. City, category and subcategory chosen by the user have to "saved" in an object, that you can use to select the correct list of advertisers (for example by a simple filter, as I've do in my example). 2014-12-03 19:51 GMT+01:00 Bruno Carvalho <[email protected]>: > Thanks for replay. > > I made a file with what I want is the filter. > http://plnkr.co/edit/5glINlEA03FAy5oXeEKn?p=preview > > If you can help with any ideas, I will be grateful. > > Em quarta-feira, 3 de dezembro de 2014 12h40min24s UTC-2, Bruno Carvalho > escreveu: >> >> Hello everyone. >> I'm new in the world of angularjs and ventured in app design of >> individual commercial region. Basically are some cities where every city >> has some categories and each category has some subcategories. Within the >> subcategories there will be a list of advertisers. >> >> The navigation flow is as follows: The user clicks on the desired city, >> then click the category, then the subcategory, then the advertiser, >> displaying the relevant information to the desired advertiser. There will >> be 4 different views. >> >> My problem is, as do the filtering that way? I've read some articles >> about angularjs, but found nothing instead filtering on two levels. >> I am using static information for now, as follows: >> >> var cities = [ >> { name: "City1", desc:"Description", img: "http://placehold.it/550x250"}, >> { name: "City2", desc:"Description", img: "http://placehold.it/550x250"}, >> { name: "City3", desc:"Description", img: "http://placehold.it/550x250"}, >> { name: "City4", desc:"Description", img: "http://placehold.it/550x250"} >> ]; >> >> var categories = [ >> { name: "Category1", img: "http://placehold.it/150x150"}, >> { name: "Category2", img: "http://placehold.it/150x150"}, >> { name: "Category3", img: "http://placehold.it/150x150"}, >> { name: "Category4", img: "http://placehold.it/150x150"} >> ]; >> >> var subcategories = [ >> { name: "Subcategory1", img: "http://placehold.it/150x150"}, >> { name: "Subcategory2", img: "http://placehold.it/150x150"}, >> { name: "Subcategory3", img: "http://placehold.it/150x150"}, >> { name: "Subcategory4", img: "http://placehold.it/150x150"} >> ]; >> >> var advertisers = [ >> { name: "Advertiser1", desc:"Description", city:"City1", category: >> "Category3", subcategory: "Subcategory4"}, >> { name: "Advertiser2", desc:"Description", city:"City4", category: >> "Category1", subcategory: "Subcategory3"}, >> { name: "Advertiser3", desc:"Description", city:"City2", category: >> "Category4", subcategory: "Subcategory1"}, >> { name: "Advertiser4", desc:"Description", city:"City3", category: >> "Category2", subcategory: "Subcategory2"} >> ]; >> >> I don't know how to proceed, if I should create directives or custom >> filters or whatever that. >> I hope someone can help me, because I have no idea :|. >> >> Thanks! >> > -- > You received this message because you are subscribed to the Google Groups > "AngularJS" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to [email protected]. > Visit this group at http://groups.google.com/group/angular. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
