Javascript 前后导航角度

我一直在尝试创建一个网格，用户点击一个缩略图，它将引导他到一个带有图像、描述等的特定页面

现在，我想添加两个导航按钮，用户可以在其中转到下一个项目或上一个项目，而无需返回主页（网格）

到目前为止，我已经通过谷歌搜索如何创建了这个（查看plunker链接），现在我被卡住了

在home.html中，我创建了两个链接。
#example1.html->转到示例1
example2.html->转到示例2

如果你点击“example2.html”，它会引导你进入正确的页面，但是导航不起作用。 如果您单击#example1.html，它会将您引导到example1，但导航会起作用；如果您放置#example2.html，它会将您再次引导到example1.html，这意味着导航不正确

例如，当用户想要单击第二个链接，导航将他从那里带到那里时，我应该怎么做

---

我是新来的，所以请原谅，如果这个问题看起来有点“无趣”

我没有完全理解你的问题。看起来您希望导航的“后退”和“前进”按钮正常工作。希望这能回答你的问题

以下是我所做的更改：

app.js

goBack: function() {
  window.history.back(); //let browser handle the back action
}

home.html

GRID
<a href="#/example1">Go to Example 1</a> //the url should be the route name and not the html file name
   <a href="#/example2">Go to Example 2</a>

---

我忘了发布plunker链接嗨Henry，非常感谢你的反馈。尽管单击“示例2”会将您重定向到示例1。这就是我的问题，链接有点问题。如果我单击查看示例2，导航应该从那里开始。路由名称应该与href=“#”匹配，非常感谢！我感谢你的支持！！

  when('/', {
    templateUrl: 'home.html',
    controller: 'MainCtrl'
        }).
  when('/example1', {  //renamed it to example1 to match #/example1
    templateUrl: 'example.html',
    controller: 'MainCtrl'
  }).
  when('/example2', {//renamed it to example2 to match #/example2
    templateUrl: 'example2.html',
    controller: 'MainCtrl'
  }).
  when('/example3', {
    templateUrl: 'example3.html',
    controller: 'MainCtrl'
  });