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 템플릿을 교체하면서 사용자에게 단일 페이지 앱의 모양을 보여주고 싶습니다. 어떤 아이디어? 여러 페이지가 괜찮지 만 모든 페이지의 상단에 같은 탐색 표시 줄을 유지하려고합니다.
UI 라우팅을 사용하지 않는 이유는 무엇입니까? http://joelhooks.com/blog/2013/07/22/the-basics-of-using-ui-router-with-angularjs/ – Seminda
docs 사이트의 튜토리얼로 이동하여'ng-view'가 어떻게 작동하는지 확인하십시오. '$ routeProvider' – charlietfl
이것 좀보세요 : https://docs.angularjs.org/tutorial/step_07 – Josep