How structure my angularjs app

Question

I don't know how to "include" partials on templates. For example, I've an template "index". When the user navigate to "/" I like re render some divs on "index" from partials (login box and some others text div), when de user navigate to "/newAccount" I like re render same divs on "index" but with others partials.

The question is, it's the correcly way to use of AngularJS? Similar to the includes on Facelets?

Thanks! ;)

Here a pseudo code of my idea:

Template:

<html>
  <body>....{include:mainBox}....{include:foot}...</body>
</html>

Partials for /newAccount:

{define mainBox}

<div>New user</div>
<div>Username:<input/></div>

{define foot}

<div>...</div>

Update:

Some like this is wrong?

function IndexCtrl($scope) {
    $scope.mainPage = 'partials/index/loginbox.html',
    $scope.footPage = 'partials/index/footer.html',
}

After in the template I put:

<div ng-include="mainPage"></div>
...
<div ng-include="footPage"></div>

And the route:

when('/', {
       templateUrl: 'partials/index/layout.html',
       controller: IndexCtrl
   })

It's good, if the template url will never change you can put the url as string in the ng-include without creating variables in the $scope — Renan Tomal Fernandes
– Renan Tomal Fernandes, Commented Jul 4, 2012 at 17:22

Renan Tomal Fernandes · Accepted Answer · 2012-07-01 17:19:09Z

1

Use ng-include for this. Maybe what you want is ng-view + $routeProvider

answered Jul 1, 2012 at 17:19

Renan Tomal Fernandes

11k4 gold badges50 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

How structure my angularjs app

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related