Dynamic Templates with AngularJS

I don't know how to phrase it but here goes. I would like to create a "dynamic" store for users with preferences with a specific type of products. the word dynamic isn't pertaining to the web application but the way the application handles the user's content. to make it clear here's an example

A user sign's up for the web application to create his/her own online store. The user choose a starting store type from different stores types available. he/she chose "sports" as his/her "template". The page then loads this "template" according to what I design it to be. This time, it would load a "sports" "template" with item fields that only pertains to sporting goods, specifications that only pertains to sporting goods, web design that are crafted to attract sporting goods buyer.

so the thing here is to load a design based on what the user likes. a "dynamic" design that is different across users. like when Store A's Sporting Goods is visited by another user. the user would see a sporting goods design. design only to attract athletes/sporting guys. And another Store B's Fashion Goods is visited by the same user. the user would see a fashion goods design, complete with all the girly stuffs i wouldn't imagine.

Different "templates" contains different fields, parts, or design depending on the type of "template" the user chose in their sign up. and can be changed at will of the users config panel/ dashboard/ settings panel.

the question is, How can I implement it in angularjs with ease and It can be scaled to add more "templates".

I would like to hear from you guys ^_^

PS: I place the word template/s in quotes because i pertain to another thing and not to the angularjs templates/ templating engine.