Spring / Thymeleaf: свойство или поле 'title' не может быть найдено в null. Зачем?

Question

Приложение выдает org.springframework.expression.spel.SpelEvaluationException: EL1007E:(pos 0): свойство или поле 'title' не может быть найдено в null

и я не могу понять, почему... Вот фрагмент HTML, вызванный мастером.

<title th:fragment="title">Surveys Feed</title>
<div th:fragment="content" th:each="surv : ${allSurveys}" >
    <div id="surv-ct" style="min-width: 310px; max-width: 800px;     height:400px; margin: 0 auto">
    <script th:inline="javascript">
       /*<![CDATA[*/
           $('#surv-ct').highcharts({
               chart: {
                   type: 'bar'
               },
               title: {
                   text: [[${surv.title}]]
               },
             // ... other stuff 
    </script>
  </div>
</div>

Тем не менее, когда приложение запускается, заголовок поля не является нулевым! Здесь у нас есть отображение объекта allSurveys, которое берет все опросы из репозитория и возвращает список.

@ModelAttribute("allSurveys")
public List<Survey> allSurveys() {
    List<Survey> surveys = new Surveys(repo.findAll()).getSurveys();
    // print surveys titles
    for (int i = 0; i < surveys.size(); i++) {
        Survey sur = surveys.get(i);
        System.out.println("Survey info: " + sur.getTitle());
    }
    return surveys;
}

В качестве доказательства мы можем видеть, что названия опросов печатаются на консоли: вывод консоли

И они НАСТОЯЩИЕ в базе данных Surveys Database

Так почему же он говорит, что это ноль? Я видел разные ответы в интернете, но ни один из них не является решением для моего случая.

Спасибо заранее за вашу помощь.

РЕДАКТИРОВАТЬ: По предложению я попытался напечатать объект ${Surv} Я изменил атрибут "Survit-Ct" внутреннего div с ID на класс, так как их предполагается много.

<div th:fragment="content" th:each="surv : ${allSurveys}" >
    <div class="surv-ct" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto">
        <p>Object is: <span th:text=${surv}>obj</span></p>
        <!--
        <script th:inline="javascript">
           /*<![CDATA[*/

               $('.surv-ct').highcharts({
                   chart: {
                       type: 'bar'
                   },
                   // ... more code
    -->
    </div>
</div>

Когда я анализирую код на Mozilla, это результат.

    <p>Object is: <span></span></p>
    <!--
    <script th:inline="javascript">
       /*<![CDATA[*/
           $('.surv-ct').highcharts({
                // ... more code that i deleted
                // it's commented anyway
      -->

Прежде всего, печатается только один результат. И во-вторых, он не получает никаких объектов выживания. Вот почему поле "title" является нулевым, я думаю. Так почему же тогда объект нулевой? Любое предложение?

Answer 1

Я подозреваю, что это потому, что вы используете th:include когда вы используете фрагмент. Согласно документации Thymeleaf:

Принимая во внимание, что th: include будет включать содержимое фрагмента в свой тег хоста, th: replace будет фактически заменять тег хоста фрагментом

Это означает, что ваш th:each будет просто проигнорировано - объяснение, почему вы видите только один напечатанный результат.

Решение заключается в использовании th:replace, который будет использовать th:if, Или вы можете слегка изменить формат вашего фрагмента, чтобы th:each является частью содержимого фрагмента. например:

<th:block th:fragment="content">
    <div th:each="surv : ${allSurveys}">
        <div id="surv-ct" style="min-width: 310px; max-width: 800px;     height:400px; margin: 0 auto">
            <script th:inline="javascript">
               /*<![CDATA[*/
                   $('#surv-ct').highcharts({
                       chart: {
                           type: 'bar'
                       },
                       title: {
                           text: [[${surv.title}]]
                       },
                     // ... other stuff 
            </script>
        </div>
    </div>
</th:block>