Angular.js局部

Question

我正在制作一个非常简单的网站，我很好奇，我如何能够模块化的内容部分的身体，而不让静态部分的网站。我认为使用部分将是关键，但它们的运作方式与我原先想象的大不相同。这是我第一次使用角度，所以我还不太熟悉任何东西。

现在，该站点有一个类似于以下内容的简单设计：

<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上打开了我的站点，.content部分完全是空的。
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。

这个LinkedIn组还包含我遇到的所有Angular.js资源。