1

Позволяет увидеть, если я могу описать мою установку здесь ...Углового шаблон в шаблоне

Я проектирование углового приложения, как сейчас все в одной странице. В принципе, когда пользователь нажимает кнопку, наборы контроллеров устанавливаются на

"<ng-include>" 

тег видно. Поэтому мой html выглядит примерно так.

<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> 

А потом в мой контроллер, я просто установив правильный «showHome», «showProfile», и т.д ..., как это необходимо. Мой вопрос в том, что это кажется ужасным способом масштабирования, и это моя первая попытка такого приложения.

Чтобы повторить. Я хочу дать пользователю появление одностраничного приложения, заменяя html-шаблоны. Есть идеи? Несколько страниц будут в порядке, но я хочу сохранить один и тот же навигатор в верхней части каждой страницы.

+1

Почему вы не используете маршрутизацию пользовательского интерфейса. http://joelhooks.com/blog/2013/07/22/the-basics-of-using-ui-router-with-angularjs/ – Seminda

+1

перейдите в учебник по сайту docs и посмотрите, как работает «ng-view» вместе с '$ routeProvider' – charlietfl

+1

Посмотрите на это: https://docs.angularjs.org/tutorial/step_07 – Josep

ответ

2

Вместо этого я бы использовал ui-router.

Это популярная альтернатива для ngRoute и поддерживает вложенные шаблоны очень хорошо.

+0

'ui-router' имеет множество замечательных функций и функций, которые в настоящее время отсутствуют в' ngRoute' – Malkus