Angular template within template

Question

Lets see if I can describe my setup here...

I'm designing an angular app, as of now everything is all one page. Basically, when the user clicks a button, the controller sets which

"<ng-include>"

tag is visible. So my html looks something like this.

<html ng-app= "myApp">
    <head>
        <!-- header stuff -->
        <!-- all the includes and everything -->
    </head>

    <body>
        <div>
            <!-- page nav bar, its a lot of html but it works -->
        </div>

        <!-- content area -->
        <div ng-show= "showHome">
            <ng-include= "home.html">
        </div>
        <div ng-show= "showProfile">
            <ng-include= "profile.html">
        </div>
        <!-- etc... -->

    </body>
</html>

And then in my controller, I'm just setting the proper "showHome", "showProfile", etc... as appropriate. My question is, this seems like a terrible way to scale, and this is my first attempt at an app like this.

So to reiterate. I want to give the user the appearance of a single page app, while swapping in html templates. Any ideas? Multiple pages would be ok, but I want to keep the same navbar at the top of every page.

why don't you use UI routing. joelhooks.com/blog/2013/07/22/… — Seminda
– Seminda, Commented Sep 2, 2014 at 0:23
go to tutorial on docs site and see how ng-view works along with $routeProvider — charlietfl
– charlietfl, Commented Sep 2, 2014 at 0:23
To everyone, I should mention that this app uses a flask/jinja backend, although I'm not sure the difference that makes. — Zack
– Zack, Commented Sep 2, 2014 at 0:26

kristenmills · Accepted Answer · 2014-09-02 01:04:11Z

2

I'd use ui-router instead.

It is a popular alternative for ngRoute and supports nested templates really well.

answered Sep 2, 2014 at 1:04

kristenmills

1,29710 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Malkus Over a year ago

ui-router has a lot of great features and functionality currently lacking in ngRoute

Collectives™ on Stack Overflow

Angular template within template

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related