Question

请检查我的Angular模板。控制台中的应用程序冻结和错误是＆＃34;超出最大调用堆栈大小＆＃34; 。当我删除基本ref标签页面是可以的。如何使用基本网址没有这个问题？

<!DOCTYPE html>
<html>
<head>
  <base href="/">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Test</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>
<body ng-app="myApp">
<div class="wrapper">
<div style="background-color:#333;border:1px solid black">
<ul>
  <li><a href="">Home </a></li>
  <li><a href="customer">Customer</a></li>
  <li><a href="Quotation">Quotation</a></li>
</ul>
</div>
  <div ng-view></div>
</div>
<script src="js/angular.min.js" type="text/javascript"></script>
<script src="js/angular-route.js" type="text/javascript"></script>
<script src="js/route.js" type="text/javascript"></script>
<script src="js/app.js" type="text/javascript"></script>
</body>
</html>

错误

溃败js

var app = angular.module('myApp',['ngRoute']);
app.config(function($routeProvider,$locationProvider) {
  $routeProvider.when('/', {
        templateUrl : 'index.html',controller  : 'myCtrl'
  }).when('/customer', {
        templateUrl : 'customer.html',
  })    
        $locationProvider.html5Mode(true);
});

Answer 1

由于将index.html递归插入ng-view而发生此错误。

从代码中删除when('/', {templateUrl : 'index.html',controller : 'myCtrl'})部分，如下所示，然后再次检查。

var app = angular.module('myApp',['ngRoute']);
app.config(function($routeProvider,$locationProvider) {
  $routeProvider.when('/customer', {
    templateUrl : 'customer.html',
  })    
    $locationProvider.html5Mode(true);
});

基本引用超出了最大调用堆栈大小的问题

1 个答案: