html - Angular.js 部分

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 上打开，其中 .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 的一个很好的资源，但我认为您需要这个特定的截屏视频 => http://youtu.be/i9MHigUZKEM

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