gpt4 book ai didi

angularjs - 路由原因超出最大调用堆栈大小

转载 作者:行者123 更新时间:2023-12-05 00:54:48 26 4
gpt4 key购买 nike

我是 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 控制台中显示的错误
enter image description here

最佳答案

我认为您正在浏览/,这可能是index.html,其中包括app.js,由于路由需要index.html,这将需要app.js等...您可能需要将/另一个 html 文件中的模板(我们称之为 home.html),并将/的模板更改为 home.html

关于angularjs - 路由原因超出最大调用堆栈大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39353389/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com