Spring boot Thymeleaf：迭代表单对象属性的元素

我有一个thymeleaf表单，我想使其动态化，而不使用JS。表单应填写

ProjectNewDto类对象

public class ProjectNewDto {

    private List<UsernameAndPps> usernamesAndPps;

    ...
}

控制器将对象作为模型的属性，并使用单个元素初始化

usernames和pps

列表：

@RequestMapping("/projectNewPageR")
public String projectNewPage(Model model) {
    if(!model.containsAttribute("project")) {
        ProjectNewDto project = new ProjectNewDto();
        project.setUsernamesAndPps(new ArrayList<UsernameAndPps>());
        project.getUsernamesAndPps().add(new UsernameAndPps("user",100.0));

        model.addAttribute("project",project);
    }
    return "views/projectNewPage";
}

我已经删除了许多其他与sytle相关的suff，但仍然是某种错误。有什么想法吗

---

下一步是添加另一个按钮，将元素添加到

usernamesAndPps

属性。让我们在这里保持肯定。

好的，我回答它，但我应该删除它

用大括号代替括号

<div th:each="usernameAndPps : ${project.usernamesAndPps}">

<form id="new_project_form" action="#" th:action="@{/views/projectNewSubmit}" th:object="${project}" method="post">
    <div th:each="usernameAndPps : $(project.usernamesAndPps)">
        <input type="text" th:value="${usernameAndPps.username}"></input>
        <input type="number" th:value="${usernameAndPps.pps}"></input>
    </div>
    <button type="submit" class="btn btn-lg btn-primary btn-block">Create</button>
</form>

Could not parse as each: "usernameAndPps : $(project.usernamesAndPps)"

<div th:each="usernameAndPps : ${project.usernamesAndPps}">