Angularjs客户端路由与UI路由器

我用ui-router（州）为我的路由：Angularjs客户端路由与UI路由器

$urlRouterProvider.otherwise('/Home'); 

$stateProvider 
    .state('home', { 
     url: '/Home', 
     templateUrl: '/Home/Home', 
     controller: 'MainCtrl' 
    }) 
    .state('posts', { 
     url: '/Posts', 
     templateUrl: '/Home/Posts', 
     controller: 'PostCtrl' 
    }); 

$locationProvider.html5Mode(true);

在HTML我有这样的事情：

<html> 

<head> 
    <base href="/" /> 
    <!--render scripts --> 
    <title>My Angular App!</title> 
</head> 

<body ng-app="flapperNews" ngcloak> 
    <div class="row"> 
     <div class="col-md-6 col-md-offset-3"> 
      <ul> 
       <li><a ui-sref="home">Home</a></li> 
       <li><a ui-sref="posts">Posts</a></li> 
      </ul> 
      <ui-view></ui-view> 
     </div> 
    </div> 
</body> 
</html>

当我用我的菜单链接（主页，帖子）该应用程序工作正常，并根据需要更新我的观点<ui-view></ui-view>。当我第一次下载后使用地址栏将url更改为localhost:port/Posts时，该应用会刷新页面。

请记住，我已将＃从链接中删除。

为什么角度不知道我的路线？

或者我该如何设置角度的客户端菜单？

来源

2016-02-02 Dmitry

@PankajParkar，我试过了，菜单既一些变体效果很好。我的地址栏导航问题。 – Dmitry

角知道你的路线，但你的Web服务器可能以为自己需要显示index.html页面在地图posts

尝试将html5Mode设置为false，看看它是否仍然发生的this link，并期待在部分约Hashbang and HTML5 modes

，尤其是最后一排requires server-side configuration: Yes

来源

2016-02-02 13:33:04

尝试使用'＃'路线？ – Dmitry

是的，并使用hashbang方法。如果这不是你想要的，你需要在你的网络服务器上做些什么来确保它不会返回404或其他东西 –

Angularjs客户端路由与UI路由器

回答

相关问题