gpt4 book ai didi

javascript - AngularJS 无限循环与 ng-view

转载 作者:行者123 更新时间:2023-12-03 09:41:14 24 4
gpt4 key购买 nike

我刚开始将 AngularJS 用于一个新应用程序,我正在考虑将其组合在一起,但在使用路由和 View 时遇到了问题。

我已将此示例精简到最低限度,但问题仍然存在。这个例子所做的就是访问服务器并返回 index.html 页面,然后该页面获取 Angular 等。

index.html

<!doctype html>
<html lang="en" ng-app="main">
<head>
<meta charset="utf-8" />

<link rel="stylesheet" type="text/css" src="css/style.css" />

<script type="text/javascript" src="js/ext/angular.min.js"></script>
<script type="text/javascript" src="js/ext/angular-route.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/test.js"></script>

<base href="/ui/">
</head>
<body>
<div ng-view></div>
</body>
</html>

ma​​in.js

(function() {
var app = angular.module('main', ['ngRoute', 'test']);

app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {

$routeProvider
.when('/test', {
templateUrl: 'html/test.html',
controller: 'TestCtrl'
})
.otherwise({
redirectTo: '/test'
});

$locationProvider.html5Mode(true);
}]);
})();

test.js

(function() {
var app = angular.module('test', []);

// get hierarchy
app.controller('TestCtrl', ['$scope', function($scope) {

alert('here');

}]);
})();

test.html

<div>FooBar!</div>

警报被无限触发,但我不知道为什么。我见过其他示例,其中 ng-view 和路由的使用方式似乎完全相同,所以我不确定我做错了什么......

最佳答案

我前段时间遇到了同样的问题。请在开发人员工具面板的同一浏览器中使用 firebug 或某些网络控件,您可以在其中看到对服务器的资源请求,然后检查是否请求并正确检索了 test.html 文件。似乎唯一检索到的是 index.html,因此循环。

可能你必须使用这个templateUrl值“/html/test.html”和“/”之前。本地化此资源。

这就是我向您推荐的想法。以正确的方式本地化 test.html 资源。希望对您有所帮助。

关于javascript - AngularJS 无限循环与 ng-view,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25790349/

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