角度绝对路线和路线/州提供者

时间:2016-03-10 09:08:15

标签: javascript angularjs

我只是有角度路线的问题。 我有一个包含4个不同视图的单页应用程序。 我正在为$stateProvider使用ui.router。 主要观点是在途中:https://testsite.com/ 如果我想要访问如下页面:https://testsite.com/view1我有错误。如果我在主视图上,然后在点击事件上更改路径,则可以正常工作,如:

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

,但如果我给浏览器提供绝对网址,它就无法使用。

这是我的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>

厂景:

<div class="first-container">
//some content here
</div>

视图2:

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

和我的App.js:

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

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

不要使用绝对网址,只使用路径

或者使用

//iframe[@title='/RLCommonControls/LeftNavigation.aspx']

请注意,州名应为'view2'not'/ view2'