我想让这种简单的路由正常工作，但无法弄清楚问题出在哪里。
这是HTML：
<html lang="en" ng-app="app">
.
.
.
<a href="#voip">
<div class="col-lg-3 service">
<img src="assets/img/voip.svg"/>
<h4 ng-bind-html="content.home.voip_header"></h4>
<p ng-bind-html="content.home.voip_txt"></p>
</div>
</a>
<section id="view">
<div ng-view></div>
</section>这是路由：
var app = angular.module('app',[
'ngRoute',
'ngSanitize'
]);
app.config(['$routeProvider',function($routeProvider){
$routeProvider
.when('/voip',{
templateUrl:'assets/templates/voip.html'
});
}]);
如果我按如下所示指定“ otherwise”，则会加载模板。我以为也许我在href属性中使用了错误的语法，但是到处都是，看起来应该是这样。
.otherwise({
redirectTo:'/voip'
})
另一件事是，如果我听$routeChangeSuccess，则触发该事件，但未加载视图。
有任何想法吗？
正确的原因是您使用的是angular 1.6，并且默认的哈希前缀有所更改：
由于aa077e8，用于$ location hash-bang URL的默认哈希前缀已从空字符串（''）更改为bang（'！'）。如果您的应用程序不使用HTML5模式或正在不支持HTML5模式的浏览器上运行，并且您未指定自己的哈希前缀，则客户端URL现在将包含！字首。例如，URL将变为mydomain.com/#!/a/b/c，而不是mydomain.com/#/a/b/c。
如果您实际上不希望使用哈希前缀，则可以通过向应用程序中添加配置块来恢复以前的行为：
appModule.config（[['$ locationProvider'，function（$ locationProvider）{
$ locationProvider.hashPrefix（''）;}]））; 资源
因此，您有一些选择：
1.将HTML5mode设置为true
$locationProvider.html5Mode(true);
并在html中设置html标头中的基数：
<base href="/">
最后更改<a ng-href="#voip">为
<a ng-href="voip">
2.使用1.6方式
更改
<a ng-href="#voip">
为
<a ng-href="#!voip">
3.从1.5开始恢复旧行为-手动设置哈希前缀
app.config(['$locationProvider', function($locationProvider) {
$locationProvider.hashPrefix('');
}]);
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句