gpt4 book ai didi

routing - 没有 Web 服务器的 AngularJS 路由

转载 作者:行者123 更新时间:2023-12-04 02:02:28 25 4
gpt4 key购买 nike

我想为瘦客户端开发 html5 SPA 应用程序。无法在其上启动任何 Web 服务器。而且我无法在没有 Web 服务器的情况下进行路由。

我的 index.html

<!doctype html>
<html ng-app="app">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
<script src="app.js"></script>
<title></title>
</head>
<body style="background-color: white;">
<h1>Index</h1>
<a id="link" href="/login">Go to login</a>
<div ng-controller="HomeCtrl">
<ul ng-repeat="number in numbers" >
<li>{{number}}</li>
</ul>
</div>
</body>
</html>

我的 app.js
angular.module('app', []).
config(function($routeProvider) {
$routeProvider.
when('/', {controller: HomeCtrl, templateUrl: 'index.html'}).
when('/login', {controller: LoginCtrl, templateUrl: 'login.html', resolve: function() {}}).
otherwise({redirectTo:'/'});
});

function HomeCtrl($scope) {
$scope.numbers = [1,2,3,4,5];
}

function LoginCtrl($scope) {

}

我正在 Chrome 中的计算机上本地测试此代码。数据绑定(bind)就像一个魅力,但到登录页面的链接却不是。它通向 {X}:\login。所以我的问题是:有没有可能让它在没有网络服务器的情况下工作?其次,我缺少什么来完成它?

最佳答案

您需要使用脚本标签将模板放入 index.html 本身,以便 Angular 不再需要发出 AJAX 请求来获取它们。

<script type="text/ng-template" id="home.html">
This is the content of the template
</script>

关于routing - 没有 Web 服务器的 AngularJS 路由,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15677882/

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