Javascript 角度绝对路由和路由/状态提供程序_Javascript_Angularjs

Javascript 角度绝对路由和路由/状态提供程序

javascript angularjs

Javascript 角度绝对路由和路由/状态提供程序,javascript,angularjs,Javascript,Angularjs,我只是有一个角度路线的问题。我有一个具有4种不同视图的单页应用程序。我正在为$stateProvider使用ui.router。主视图位于路线上：https://testsite.com/ 如果我想进入如下页面：https://testsite.com/view1我有一个错误。如果我在主视图上，然后在单击事件上更改路线，则它会起作用，如： $scope.go = function ( path ) { $location.path( path ); }; ，但如果我为浏览器提供绝

我只是有一个角度路线的问题。我有一个具有4种不同视图的单页应用程序。我正在为

$stateProvider

使用ui.router。主视图位于路线上：

https://testsite.com/

如果我想进入如下页面：

https://testsite.com/view1

我有一个错误。如果我在主视图上，然后在单击事件上更改路线，则它会起作用，如：

$scope.go = function ( path ) {
    $location.path( path );
};

，但如果我为浏览器提供绝对url，它将不起作用

这是我的index.html：

<body>
<div ui-view></div>
<script type="text/javascript" src="assets/javascript/libs/angular.min.js"></script>
<script type="text/javascript" src="assets/javascript/libs/angular-route.min.js"></script>
<script type="text/javascript" src="assets/javascript/libs/angular-ui-router.min.js"></script>
<script type="text/javascript" src="assets/javascript/app.js"></script>
</body>

谢谢你的帮助

不要使用绝对url，只使用路径

交替使用

$state.go('view2')

请注意，状态名称应为“view2”，而不是“/view2”

<div class="second-conteiner">
//some content here
</div>

var app = angular.module('SofticApp',['ngRoute', 'ui.router']);
app.config(function($routeProvider,$stateProvider, $urlRouterProvider, $locationProvider){
  $locationProvider.html5Mode({
    enabled: true,
    requireBase: false
  }).hashPrefix('!');
$stateProvider
  .state( '/', {
    url: '/',
    templateUrl: 'assets/views/view1.html',
    controller: 'viewFirstController'
  })
  .state( '/view2',{
    url: '/view2',
    templateUrl: 'assets/views/view2.html',
    controller: 'viewSecondController'
});

$state.go('view2')