Angular.js Partials

Question

정말 간단한 웹 사이트를 만들고있어 사이트의 정적 부분 만 남겨두고 본문의 콘텐츠 섹션을 어떻게 모듈화 할 수 있는지 궁금합니다. 나는 partials를 사용하는 것이 핵심이라고 생각했지만, 원래 생각했던 것보다 훨씬 다르게 작동합니다. 앵귤러를 처음 사용하기 때문에 아직 익숙하지 않습니다.

현재이 사이트는 다음과 같은 심플한 디자인이있다 : 나는 그렇게 할 수있는 여기 고유의 구문 오류가 없다면

<div id="wrapper"> 
    <div class="header"></div> 
    <div class="sidebar"> 
    <ul> 
     <li><a href={{option.path}}>Option 1</a></li> 
     <li><a href={{option.path}}>Option 2</a></li> 
     <li><a href={{option.path}}>Option 3</a></li> 
    </ul> 
    </div> 
    <div class="content"></div> <------ content changes with selected option in .sidebar 
    <div class="footer"></div> 
</div> 

을, 나는 .sidebar 있도록 {{option.path}}원에서 옵션을 클릭 때 URL에 그냥 붙이시겠습니까?

는 현재이 나는 일이 일어나고있는 것입니다 :

1. .content 부분이 완전히 비어 어디 index.html을 내 사이트가 열려 있습니다.
2. 그런 다음 사용자는 옵션을 선택하고 /index.html에서 /partials/option1.html으로 브라우저를 지정하려고합니다.
3. 사용자가 옵션 1에서 다시 클릭하면 브라우저가 /partials/partials/option1.html로 이동하면 404 오류가 반환됩니다.

3 부에서 문제를 피할 수있는 방법이 있습니까? 아니면 부분적으로 작동하는 방식입니까?

Answer 1

각도 JS는 $route을 사용하여 부분 템플릿을 URL에 지정합니다. 이 작업을하려면 ngView에 대해 알아야합니다.

나는 egghead.io이 각도를위한 훌륭한 자원이다 인정하지만 당신이 경로를 구현하려고하는 것으로 보인다는 =>http://youtu.be/i9MHigUZKEM

This LinkedIn group also contains every Angular.js resource I have come across.