如何在Jquery中访问模型属性(liste)

时间:2017-06-09 11:11:07

标签: javascript jquery spring spring-boot thymeleaf

如何阅读模型'列表'从Spring模型并将其设置为循环中的jquery?我使用Thymeleaf作为模板引擎。

Spring-side:rdv.java

@RequestMapping(value = "/RdvListe", method = RequestMethod.GET)
public String RdvListe(Model model) {

    List<Rdv> listRdv=rdvMetierImp.listRdv();

    model.addAttribute("listRdv",listRdv);

    return "RdvListe";
}

客户端:script.js

$(function () {
    var events = [
        {
            title: 'Rdv with adam',
            start: '2017-06-09'
        }
    ];
});

结果如下:

$(function () {
    $.each(listRdv, function (key, value) {
        var events = [
            {
                title: value.title,
                start: value.date'
            }
        ];
    });
});

3 个答案:

答案 0 :(得分:1)

你可以在官方的Thymeleaf documentation找到:

startForeground

答案 1 :(得分:0)

作为一个选项,您可以使用从Java对象到JSON的转换器。例如Jackson

然后您的代码可以关注:

<div ng-if="result != 2">

<h3 ng-if='result.nameWP == undefined'> <a href="{{pageURL}}{{result.name}}">
{{result.name}}</a></h3>
<h3 > <a href="{{pageURL}}{{result.postID}}">{{result.nameWP}}</a></h3> 

...{{result.content}}...

然后在您的百万富翁模板中,您可以将此JSON对象指定为javascript变量。

虽然这不是最好的做法,但你可以尝试一下。

答案 2 :(得分:0)

在HTML页面中编写以下脚本

<script th:inline="javascript">
var listRdv= [[${listRdv}]];
</script>

在script.js文件中使用listRdv变量

var events=[];

$.each(listRdv, function(index,value){

  var event={
          title: value.title,
          start: value.date'
            };
  events.push(event);

})