当前位置:  开发笔记 > 前端 > 正文

AngularJS:ngRoute不工作

如何解决《AngularJS:ngRoute不工作》经验,为你挑选了1个好方法。

我想要让这个简单的路由工作,并且无法弄清楚是什么问题.

这是HTML:


     .
     .
     .  
     
       

这是路由:

var app = angular.module('app',[
  'ngRoute',
  'ngSanitize'
]);
    app.config(['$routeProvider',function($routeProvider){
      $routeProvider
      .when('/voip',{
        templateUrl:'assets/templates/voip.html'
      });
    }]);

如果我指定'否则',则加载模板,如下所示.我想也许我在我的href属性中使用了错误的语法,但我到处看,看起来应该是这样的.

      .otherwise({
       redirectTo:'/voip'
      })

另一件事是,如果我听$routeChangeSuccess,事件被触发,但视图没有被加载.

有任何想法吗?



1> Anders Veste..:

这是正确的,因为您正在使用角度1.6并且已更改默认的哈希前缀:

由于aa077e8,用于$ location hash-bang URL的默认哈希前缀已从空字符串('')更改为bang('!').如果您的应用程序不使用HTML5模式或在不支持HTML5模式的浏览器上运行,并且您没有指定自己的哈希前缀,那么客户端URL现在将包含一个!字首.例如,不是mydomain.com/#/a/b/c,URL将成为mydomain.com/#!/a/b/c.

如果您确实不想使用hash-prefix,则可以通过向应用程序添加配置块来恢复以前的行为:

appModule.config(['$ locationProvider',function($ locationProvider){
$ locationProvider.hashPrefix('');}]); 资源

所以你有一些选择:

1.将HTML5mode设置为true

$locationProvider.html5Mode(true);

并在html中设置基本的html标题:


最后改为


2.使用1.6方式
更改


3.从1.5手动返回旧行为 - 设置哈希前缀

app.config(['$locationProvider', function($locationProvider) {
  $locationProvider.hashPrefix('');
}]);

推荐阅读
刘美娥94662
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有