2

我正在制作一个非常简单的网站，并且很好奇如何模块化正文的内容部分，同时不理会网站的静态部分。我认为使用 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 部分中的问题，或者这仅仅是部分的工作原理？

4

1 回答 1

0

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

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

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

于 2013-04-16T22:18:01.990 回答