我正在app.js中设置我的角路由:
.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/main.html',
controller: 'MainCtrl',
controllerAs: 'main'
})
.when('/characters', {
templateUrl: 'views/characters.html',
controller: 'AboutCtrl',
controllerAs: 'characters'
})
.when('/framedata', {
templateUrl: 'views/framedata.html',
controller: 'FrameDataCtrl',
controllerAs: 'frame'
})
.otherwise({
redirectTo: '/'
});
});
这些URL确实有效,因为当我输入localhost:9000/framedata或/字符时,它会显示我期望的视图。当我使用按预期定义链接的导航栏时,会有一个'#%2F'的添加:http://localhost:9000/#!/#%2F targure P>
<ul class="nav navbar-nav">
<li class="active"><a href="#/">tekkenMitzu?</a></li>
<li><a ng-href="#/characters">Characters</a></li>
<li><a ng-href="#/framedata">Frame Data</a></li>
</ul>
我希望这能提供足够的信息,请让我知道我是否应该给您一些更多信息,如果有必要,我可以将其上传到域,以便您可以看到" Live"版本。
尝试以下代码
.config(function ($routeProvider,$locationProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/main.html',
controller: 'MainCtrl',
controllerAs: 'main'
})
.when('/characters', {
templateUrl: 'views/characters.html',
controller: 'AboutCtrl',
controllerAs: 'characters'
})
.when('/framedata', {
templateUrl: 'views/framedata.html',
controller: 'FrameDataCtrl',
controllerAs: 'frame'
})
.otherwise({
redirectTo: '/'
});
// use the HTML5 History API
$locationProvider.html5Mode(true);// it will remove the #
});
和您的URL如果删除空间,则有一些空白,则
%2F
将清除
更多详细信息,请检查
angularjs转换我的ng-href url'slash''进入"%2f"