Hi, 1. Regarding folder structure you may refer to yoeman <http://yeoman.io/>. Also, you may want to refer to some style guides in angularjs for best practices. On of them is https://github.com/johnpapa/angular-styleguide 2. You should look at how your application will behave. If it is a single page application, you might want to use routing to break components of a page into sections. A section will be displayed when user accesses the url associated with it. For instance in the pseudo html markup you shared, you might have three routes: a. create-accounts-section b. results-section c. configuration-section
You may use ui-router <https://github.com/angular-ui/ui-router> to achieve this. Index.html will be composed on these sections using ui-view. If your application is a big monolithic page, like a content heavy site, you may proceed with the way you are doing right now, i.e. using server side processing to compose index.html. Hope this helps Regards, Vaibhav Gupta On Sunday, 8 November 2015 17:37:00 UTC+5:30, Danielo Rodríguez wrote: > > Hello everyone, > > This is my first post on this group, so, again, HELLO EVERYONE! > > I tried several times asking questions about angular on StackOverflow, but > usually nobody answers, that's why I'm here! > > This is my situation: I have a relatively big index file. I split it up > into several smaller html files and I "merge" them using gulp file-include. > But at the end I have the same big html file, and I want to do it the > angular way. > Each time I search for "angular application structure" I find dozens of > tutorials and guidelines about how to setup the folder structure. Since > those are useful, it is not what I was looking for. > > Also when I search about directives what I find is a lot of tutorials > about creating custom small components, again not what I need. > > So, my basic question is: how should I structure the index file of my app? > > I was thinking in something like > > <tabs> <!-- this is pseudo html! --> > <tab1> > <create-accounts-section></create-accounts-section> > </tab1> > <tab2> > <results-section></results-section> > </tab2> > <tab3> > <configuration-section></configuration-section> > </tab3> > </tabs> > > But I'm scared of messing things with scopes, services and all that stuff. > > Any help will be highly appreciated. > -- 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.
