Question

我试图将html输入值存储为单页应用程序中的java对象。

在home.html中，我将一些数据输入到输入值中。当我形成行动＃/关于我的地址是空的。但是，如果我将其更改为“/ helloDetails”，我会得到一个休息页面，并获得我输入的值。但这样做会刷新我的页面。我希望它路由到＃/ about页面并让控制器检索地址（查看下面的控制器类）。

home.html的

 <div class="container-4">
  <form action="#/about" method="GET">
    <input type="text" name="address" placeholder="Address..." "/>
    <button class="icon"  type="submit"><i class="fa fa-search"></i></button>
    </form>
  </div>

的Javascript

var App = angular.module('App', ['ngRoute']);

App.config(function($routeProvider) {
  $routeProvider
     .when('/about', {
        templateUrl: 'pages/about.html',
        controller : 'aboutController'
        })
        });

App.controller('aboutController', function($scope, $http) {
    $scope.message = 'Look! I am an about page.';
    $http.get('/helloDetails/').then(function(response) {
        $scope.greeting = response.data;
    });
});

控制器

@RequestMapping("/helloDetails")
public Map<String, Object> data(Address address) throws MalformedURLException {
    Map<String, Object> model = new HashMap<String, Object>();         
    model.put("addid", address.getAddress());
    System.out.println(address.getAddress() + "Hello Details @@@@@");

  return model
}

About.html

<div class="jumbotron text-center">
<h1>About Page</h1>

<p>{{ message }}</p>
<p> aa {{greeting.addid}} </p>

这是我的所有数据，我做错了什么？

尝试

HTML

<form ng-submit="save()">
<input type="text" name="address"placeholder="Address..." ng-model="stack"/>
<button class="icon"  type="submit"><i class="fa fa-search"></i></button>
<p> hello this is : <span ng-bind="stack"></span></p>

的Javascript

App.controller('mainController', function($scope, $http) {

    var data=$scope.stack;
    $http.post('/helloDetails', data)
        .then(function(response){

        });

这基本上会打印输入框中的用户类型。

如何在单页面应用程序中将输入值存储为java对象？

0 个答案: