0

我对 Angular JS 有所了解。我看过这个教程，但只是基本的。我想在我的 Java 应用程序中试用它。我搜索了一个演示，但我不明白。所以我在这里问。

我有一个名为 的 Java 实体 baean 模型类User，现在它只有两个字段。

String name;
String password;

我有服务类和 daos 用于使用休眠将数据保存到数据库。

现在我想尝试 angularjs。我还没有创建任何动作类。

这是我的 HTML 页面中的表单

索引.html

 <div ng-app class="container">
      <form class="form-signin" method="post">
        <h2 class="form-signin-heading">Please sign in</h2>
        <input type="text" class="input-block-level" placeholder="User name" required ng-model="name" name="name">
        <input type="password" class="input-block-level" placeholder="Password" required name="password" ng-model="password">
        <br>
        <label class="checkbox">
          <input type="checkbox" value="remember-me"> Remember me
        </label>
        <button class="btn btn-large btn-primary" type="submit">Sign in</button> or <a href="/signup">Signup</a>
      </form>

如何使用 Angularjs 获取数据并调用操作类？基于成功或错误，我如何重定向到成功或错误页面？

有人可以给出一些想法（示例代码）或一些演示链接（从 HTML 页面获取一些 java 对象，传递给 java 类重定向到基于返回的某个页面）？因为我找不到人。我想学习如何使用 Java 来使用 AngularJS。

4

1 回答 1

0

我给你一个我的一个项目的例子，希望它能为你指明正确的方向，基本上你必须$http在你的工厂/服务中使用：

(function() {
    'use strict';
    angular.module('app').factory('myService', myService);
    function myService($http, config) {
        var service = {
        postData : postData
    }

    function postData(param) { 
            return $http.post(config.apiUrl + '/api/postData', param)
                    .then(function(result) {
                        return result;
                });
        }

    return service;
    }
})();

不用担心config和config.apiUrl- 基本上就是 = "http://localhost:8080/"+ 你的 api url ex。getData/postData等等。您只需输入完整的 URL 即可$http.post('http://localhost:8080/api/postData', param)。如果您不想传递参数，请忽略该param部分。

或者，如果您想要一个可以直接从控制器调用的简单程序：

$scope.postData = function(){
    $http({
    method: "POST",
    url: "http://localhost:8080/api/postData",
    data: $scope.data
}).then(function(response){
  console.log(response);
      if(response.data.success){
        // do your stuff...
      } else if(response.data.error) {
        // or do this stuff...
      }
    });
  }

数据对象$scope.data将保存您的用户名和密码：

$scope.data.username = "username";
$scope.data.password = "password";
于 2018-12-17T06:05:01.033 回答