【问题标题】:Angular linking from View 2 to View 1 without page refresh从视图 2 到视图 1 的角度链接,无需刷新页面
【发布时间】:2014-12-02 19:20:20
【问题描述】:

我的 Angular 应用程序使用路由和两个视图。

在第二个视图中,我只是想添加一个链接回到视图 1,即“返回主页”

我尝试了以下方法,它当然可以,但它就像一个普通的 href 并刷新页面

<a href="/">Back to Search</a>

如何在不刷新整个页面的情况下添加链接而只更改视图?

编辑添加的路由配置

app.config(['$routeProvider','$locationProvider', function($routeProvider,$locationProvider){
  $routeProvider
    .when('/',{
      templateUrl: '/views/main.html',
      controller : 'SearchCtrl'
    })
    .when('/result',{
      templateUrl: '/views/result.html',
      controller : 'resultCtrl'
    })
    .otherwise({
      redirectTo : '/'
    });
}]);

【问题讨论】:

标签: javascript angularjs


【解决方案1】:

我不确定您是否使用 HTML5 模式。但首先您需要将您的主页设置为“/”。

$routeProvider
    .when('/', {
        templateUrl : 'pages/home.html',
        etc....
    })

在此之后,您可以使用链接到您的主页

<a href="#">

【讨论】:

  • 只尝试了“#”仍然会刷新整页
  • @StevieB 您确定在其他地方没有任何冲突代码吗?我很确定这应该可行
  • 我已将我的路由添加到原始帖子中,但是是的仍在进行完全刷新
  • 我通过将链接更改为关注 返回主页 有点奇怪?
  • @StevieB 是的.. 我不知道为什么会发生这种情况,没有它应该可以工作,而且当你使用 'href="#"' 时我也觉得很奇怪,否则你无法捕捉到链接
猜你喜欢
  • 1970-01-01
  • 2016-10-23
  • 1970-01-01
  • 1970-01-01
  • 2014-02-11
  • 1970-01-01
  • 2015-11-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多