javascript如何在Angular和Java之间进行交互（就来回传递变量而言）？

Question

我正在尝试开发一个软件工具，人们可以输入一个ID，然后在后台使用第三方网站搜索该ID，搜索结果将以不同的方式显示在我的软件上。然而，我的前端是AngularJS，而后端代码都是Java。如何将数据传递给函数或类似函数？我的同事说了一些关于将值传递给控制器并使其与java程序交互的事情，但我真的不明白他想说什么

但举个例子，让我的问题更清楚：

假设我有以下HTML/Angular代码：

<div>
    Name:
    <br />
    <input type="text" ng-model="name"> {{ name }} </input>
    <br />
</div>
<script src="angular.min.js"></script>

然后我有了以下Java代码：

public int letterCount(String name){
    return name.length();
}

如何将变量“name”从第一个文件传递到java方法“letterCount”

Answer 1

控制器是javascript，即“.js”文件。处理html页面中发生的事情。 在控制器中调用java方法。js并将变量“name”传递给它，最好也使用一种服务方法

$scope.methodFromHtmlPage = function(name){
UrControllerToHandleThisModule.methodInSvc(name).then(
 function(response){
   // u have response data here
 },
 function(error){
   // do something
 }

现在服役。js

function methodInSvc(name)
 return $http.post('http:// url to java method which will handle this req', name).then(
        function (response) {
            //do things on success
        },
        function (error) {
            //do things on error
        });

在java方法中使用@RequestBody。。。从UI端获取名称

public int letterCount(@RequestBody String name){
  return name.length();
}