gpt4 book ai didi

angularjs - Grails - 使用 AngularJS 的登录页面

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

我想用 AngularJS 构建我的登录页面,但我在显示它时遇到了问题。

这是我的web-app/apps/loginPage/app.js对于登录页面:

var app = angular.module('login-app', [
'ngRoute'
]);

app.config(function ($routeProvider) {
$routeProvider.
when('/', {
templateUrl: 'apps/loginPage/views/login.html'
}).
otherwise({
redirectTo: '/'
});
});

这是我的 grails-app/views/login/auth.gsp代码:
<html>
<head>
<meta name='layout' content='main'/>
<script src="${resource(dir: 'js', file: 'jquery-1.9.1.js')}"></script>
<script src="${resource(dir: 'js', file: 'angular.js')}" ></script>
<script src="${resource(dir: 'js', file: 'angular-route.js')}"></script>
<script src="${resource(dir: 'apps/loginPage', file: 'app.js')}"></script>
</head>
<body>
<div ng-app="login-app">
<div ng-view>
</div>
</body>
</html>

问题是当我导航到 http://localhost:8080/myApp/login/auth ,页面加载 Angular 应用程序,但不从 login.html 加载登录表单文件,因为它试图在 http://localhost:8080/myApp/login/apps/loginPage/views/login.html 下找到它而不是 http://localhost:8080/myApp/apps/loginPage/views/login.html
如何修复路径?如何告诉 Angular 使用 localhost:8080/myApp作为资源的根?
(请注意,我在 grails-app/views 中有 *.gsp 文件,在 web-app/apps/ 中有 Angular 应用程序)

我不知道配置 Grails 或 Angular 是否有问题。

最佳答案

在经历了 3 个 Grails 和 Angular 项目之后,我建议你在纯 Angular 中完成整个前端部分。我什至没有在 Angular 中混合 GSP,而是使用带有 Handlebars 的纯 HTML,并通过 angular-translate 进行本地化。应用程序登录是通过 Spring Security AJAX 登录实现的。

如果您将前端与后端完全分离,您可以将现有的脚手架工具(如 Yeoman 或 Brunch)用于前端。还可以缓存、压缩 HTML 片段的交付等。

关于angularjs - Grails - 使用 AngularJS 的登录页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21959463/

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