时间戳

首页 > 解决方案 > jsp中的两种方式绑定

angular - jsp中的两种方式绑定

问题描述

我已经使用spring mvc和angular编写了一个Web应用程序。现在我想将angular代码转换为jsp。所以，我想将angular中的ng-model模拟为jsp。是否可以用一些等效的jsp替换ng-model？我想要两种方式绑定。如果可能，请说明。

<input type="text" placeholder="Name" class="modal-body-right-content-2" ng-model="${p[0].age}" id="modal_input_box_name"/>

这里的“modal-body-right-content-2”类用于使用 css 进行样式设置，p 是具有属性 age、name、gender 的对象数组。p 由 spring mvc 控制器返回

Spring MVC 控制器

package com.jeswin.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

import data.Person;

import javax.print.DocFlavor.STRING;

import org.json.simple.JSONObject; 


@Controller
public class CrunchifyHelloWorld 
{

    @RequestMapping("/welcome")
    public ModelAndView helloWorld() {


        Person p[]=new Person[5];
        p[0]=new Person(22,"Rahem","Male");
        p[1]=new Person(23,"Shobha","Female");
        p[2]=new Person(22,"Rahem","Male");
        p[3]=new Person(42,"Rahema","Female");
        p[4]=new Person(22,"Rahem","Male");


        return new ModelAndView("welcome", "p", p);
    }
},

标签： angularspring-mvcjspwebjsp-tags

解决方案

您可以使用 jstl 标签来显示您的值，但 jsp 中没有双向绑定的概念。

 <c:forEach items="${p}" var="values">
       ${values}
</c:forEach>

并添加 jstl 依赖项

<dependency>
  <groupId>jstl</groupId>
  <artifactId>jstl</artifactId>
  <version>1.2</version>
</dependency>

您也可以使用 spel（Spring 表达式语言来显示数据）

推荐阅读