如何在jsp/servlet中使用angular js传递值

how to pass value in angular js in jsp/servlet

本文关键字：angular js jsp servlet      更新时间：2023-09-26

我正在开发一个jsp/servlet模块，我需要使用angular js。我怎么能从输入框值传递函数值呢如何在servlet中发送值…!

下面是代码示例:-

 <%@page contentType="text/html" pageEncoding="UTF-8"%>
  <!DOCTYPE html>
  <html ng-app="mehandi" >
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>

      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js">  
     </script>
     <script>
        var app = angular.module('mehandi', []);
        app.controller('mhndiCtrl', function($http){
            var xyz = this;
            xyz.data = {}
            xyz.swati = function($http){

            }
        })

    </script>
  </head>
  <body ng-controller="mhndiCtrl as abc" >
    <h1>Hello World!</h1>
    <input type="text" ng-model="abc.data.myname">
    {{abc.data}}
    <button ng-click="abc.swati()" > </button>
   </body>
</html>

您可以在html

中通过ng-init:调用该函数
ng-init="init('${userDTO.username}')"
因此，在*.js ng-controller中，它将如下所示: 
$scope.init = function(username){
   /*logic code*/
};

使用servlet输入的name属性

<input type="text" name="firstname">

然后可以使用

检索它
request.getParameter("firstname")

角度部分保持不变

<input type="text" name="firstname" ng-model="abc.data.myname">

请记住，angularjs是客户端javascript框架，因此服务器端绑定保持不变。

相关文章：