gpt4 book ai didi

javascript - Angular 绝对路线和路线/stateProvider

转载 作者:行者123 更新时间:2023-11-27 23:14:42 28 4
gpt4 key购买 nike

我只是有 Angular 路线的问题。我有一个具有 4 个不同 View 的单页应用程序。我正在使用 $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>

View 1:

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

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

感谢您的帮助!

最佳答案

不要使用绝对url,仅使用路径

或者使用

$state.go('view2')

请注意,状态名称应该是“view2”而不是“/view2”

关于javascript - Angular 绝对路线和路线/stateProvider,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35911932/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com