Question

我一直在尝试创建一个用户点击缩略图的网格，它会将他引导到包含图片，描述等的特定页面。

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

到目前为止，我已经设法通过谷歌搜索如何做到这一点（检查plunker链接），现在我卡住了。

在home.html中，我创建了两个链接 ＃example1.html - ＆gt;转到示例1
example2.html - ＆gt;转到示例2

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

那么当用户例如想要点击第二个链接并导航从那里取出时，我该怎么办？

我是Angular的新人，所以请原谅我这个问题是否有点像“noobish”。

Answer 1

我完全不明白你的问题。看起来您希望导航的后退和前进按钮起作用。希望这能回答你的问题。

http://plnkr.co/edit/wXnKoL?p=preview

以下是我所做的更改：

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>

路线：

  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'
  });

后方导航AngularJS

1 个答案: