我是 angularJS 的新手。我尝试并练习了一些示例,但遇到了一个非常棘手的错误。我花了几个小时来找出 RangeError,但我没能克服它。谁能帮我摆脱这个陷阱?
在 app.js 中
var sampleApp = angular.module('phonecatApp', ['ngRoute']);
sampleApp .config(['$routeProvider','$locationProvider',
function($routeProvider,$locationProvider)
{
$routeProvider.
when('/', {
templateUrl: 'index.html',
}).
when('/addOrder', {
templateUrl: 'add-order.html',
controller: 'AddOrderController'
}).
when('/showOrders', {
templateUrl: 'show-orders.html',
controller: 'ShowOrdersController'
}).
otherwise({
redirectTo: '/addOrder'
});
$locationProvider.html5Mode({
enabled: true,
requireBase: false
});
}]);
sampleApp.controller('AddOrderController', function($scope) {
$scope.message = 'This is Add new order screen';
});
sampleApp.controller('ShowOrdersController', function($scope) {
$scope.message = 'This is Show orders screen';
});
在 index.html
<!DOCTYPE html>
<head>
</head>
<h1>weclome to test!</h1>
<body ng-app="phonecatApp" >
<div ng-view></div>
<script src="//code.angularjs.org/1.2.20/angular.js"></script>
<script src="//code.angularjs.org/1.2.20/angular-route.js"></script>
<script src="static/app.js"></script>
</body>
</html>
在 add_order.html
<h2>Add New Order</h2>
{{ message }}
在 show_order.html
<h2>Show Orders</h2>
{{ message }}
另外,存放js和html文件的文件夹的源目录错误导致RangeError?
这是在 chrome 控制台中显示的错误
最佳答案
我认为您正在浏览/,这可能是index.html,其中包括app.js,由于路由需要index.html,这将需要app.js等...您可能需要将/另一个 html 文件中的模板(我们称之为 home.html),并将/的模板更改为 home.html
关于angularjs - 路由原因超出最大调用堆栈大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39353389/