Angular.js Partials

Question

我正在制作一个非常简单的网站，并且很好奇我怎样才能模块化身体的内容部分，同时只留下网站的静态部分。我认为使用partials是关键，但它们的操作方式与我原先想象的完全不同。这是我第一次使用Angular，所以我还不是很熟悉任何东西。

目前该网站有一个简单的设计类似以下内容：

<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. 我有我的网站上的index.html打开其中。内容部分完全是空的。
2. 用户然后选择一个选项，我想将他们的浏览器从/index.html指向/partials/option1.html。
3. 如果用户再点击选项1上的AGAIN，他们的浏览器将转到/partials/partials/option1.html，它将返回404错误。

有没有办法避免第3部分中的问题，或仅仅是部分是如何工作的？

Answer 1

Angular JS使用$route指定URL的部分模板。您还需要了解ngView才能完成此项工作。

我承认egghead.io是角一个很好的资源，但我认为你需要这个特定的屏幕铸造的=>http://youtu.be/i9MHigUZKEM

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