angular1路由route遇到#!【解决】

angular1 双向数据绑定已经基本掌握,今天用路由angular-route,遇到#后多出一个感叹号! 。路由不能正常使用。
开始就感觉是angular版本的问题,查资料
果然,使用angular 1.6.0以上版本,需要在配置路由config加上

$locationProvider.hashPrefix('');

$location服务解析地址栏中的URL(基于window.location),让你在应用代码中能获取到。改变地址栏中的URL会反应$location服务中,反之亦然。
http://www.angularjs.cn/A00M

'use strict';

angular.module('MyApp', [
'ngRoute',
'myApp.in_theaters',
'myApp.coming_soon',
'myApp.top250'
]).
config(['$routeProvider', '$locationProvider',function($routeProvider,$locationProvider) {
$locationProvider.hashPrefix('');
$routeProvider.otherwise({redirectTo: '/in_theaters'});
}]);

可以正常使用。

标签: angular.js, angular-route

添加新评论