Angular.js Partials

Question

我正在制作一个非常简单的网站，并且很好奇我如何模仿身体的内容部分，同时只留下网站的静态部分。我认为使用偏差是关键，但它们的运作方式与我原先想象的大不相同。这是我第一次使用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}}不会仅附加到网址时，我该怎么做？

目前，这就是我发生的事情：

1. 我在index.html上打开了我的网站，其中.content部分完全为空。
2. 用户然后选择一个选项，我想将他们的浏览器从/index.html引导到/partials/option1.html。
3. 如果用户然后在选项1上单击“重新”，则他们的浏览器会指向/partials/partials/option1.html，这会返回404错误。

有没有办法在第3部分中避免这个问题，或者仅仅是部分内容有效？

Answer 1

Angular JS使用$route为URL指定部分模板。您还需要了解ngView才能使其发挥作用。

我承认egghead.io是Angular的一个很好的资源，但我认为你需要这个特定的屏幕 - 演员=＆gt; http://youtu.be/i9MHigUZKEM

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