Angularjs 安古拉和百里香

我也在想，百里香和安格拉斯是否可以一起使用

哪一个会是第一个

如果你有一个百里香选择。。。想让AngularJS提供一个commandsBySection数据列表，如下所示

 <select id="tl1_com_sel" th:field="*{command}" ng-model="tl1Data.command" >
      <option selected="selected" value="">  select an option  </option>
      <option th:each="command: ${<b>commandsBySection}"
              th:value="${command}"
              th:text="${command}">COMMAND</option>
 </select>

选择一个选项
命令

您将以${{{{commandsBySection}}}结束

---

我不熟悉这些技术。。。。Thymeleaf页面中是否有AngularJS呈现选择的示例？

它们可以一起使用，需要记住的关键点是，Thymeleaf的输出是在将生成的页面传输到客户端浏览器之前在服务器端生成的。在浏览器上渲染后，AngularJS将进入客户端播放

我从未这样做过，我想使用Thymeleaf开发所有AngularJS页面会让人头疼，因为：

Thymeleaf将假定它用于生成HTML，并且需要用有效的XHTML编写，因此在Thymeleaf中检查模式需要了解AngularJS的属性和任何自定义元素

AngularJS开发/IDE工具都无法理解浏览器中的Thymeleaf模板，因此您必须让服务器运行到服务页面，才能看到您在做什么

对测试的全面AngularJS支持将不起作用，因为这些文件将是Thymeleaf文件，而不是AngularJS HTML文件

但是，如果您只是使用Thymeleaf在服务器上呈现HTML代码片段，并让AngularJS应用程序动态显示这些代码片段，那么它就可以很好地工作

因此，为了回答您的问题，首先在服务器上呈现Thymeleaf模板，然后在客户端上由浏览器呈现AngularJS页面。将它们一起使用以使Thymeleaf生成AngularJS页面可能不是一个好主意，但在项目中一起使用它们会很好