Javascript 内部错误:递归太多<;div ng view="&引用;类别=“类”;ng范围“&燃气轮机;

Javascript 内部错误:递归太多<;div ng view="&引用;类别=“类”;ng范围“&燃气轮机;,javascript,angularjs,angularjs-ng-route,Javascript,Angularjs,Angularjs Ng Route,我对angularJS是新手。我被上面的错误卡住了。这是我的index.html <body ng-app="myApp"> <div ng-view></div> <a href="table">click</a> <script src="./libs/angular.js"></script> <script src="./libs/angular-route.js"

我对angularJS是新手。我被上面的错误卡住了。这是我的index.html

<body ng-app="myApp">
    <div ng-view></div>
    <a href="table">click</a>

    <script src="./libs/angular.js"></script>
    <script src="./libs/angular-route.js"></script>
    <script src="./scripts/myscript.js"></script>
</body>
在本地服务器上运行index.html后,控制台中出现以下错误

内部错误:递归太多
堆栈跟踪:
[对象]

请参阅所附图片


请帮助我整理此问题。

发生此错误是因为您已将
模板URL
设置为index.html,而index.html实际上也是您的父模板

解析路由“/”时,angular将把template index.html注入容器
。注入的模板还具有
ng视图
容器。所以angular会一次又一次地这样做,并且陷入一个无休止的递归中

您可以通过为此
模板URL
定义另一个局部视图来修复此问题,例如defaultview.html

代码


离题评论,但当Angular 2于2016年9月面世时,我总是惊讶于有多少人现在开始学习Angular 1,当前版本是Angular 5,下个月将有6个…请注意,我使用的是Angular 1.6.7 libs。我的观点是准确的。@JeremyThille,也许是因为人们只想要一个漂亮、简单的客户端框架,而不是一个每6个月改变一次的巨大的打破标准的庞然大物,你需要从头开始学习一门全新的语言和新的模式:)@davidkonrad你是对的。
    var app=angular.module("myApp",['ngRoute']);

app.config(['$routeProvider',function($routeProvider){
    console.log("i am routeprovider");
    $routeProvider.when('/',{
        templateUrl:"index.html"
    }).when('/table',{
        templateUrl:"..//views//firstview.html"
    }).otherwise({
        redirectTo: 'google.com'
    })

}])
$routeProvider.when('/',{
    templateUrl:"..//views//defaultview.html"
}).when('/table',{
    templateUrl:"..//views//firstview.html"
}).otherwise({
    redirectTo: '/'
})