使用 thymeleaf + angular + bootstrap 动态加载列表中的项目

Question

大家好，我继续我的代码，我遇到了一个问题，有人可以帮助我解决它。我将 UI Bootstrap 与 angular 和 thymeleaf 一起使用，但我在相互沟通时遇到了问题。我想要这个：

所以这个 table 正在从 Thymeleaf 动态加载，但名称提供者需要更改。

代码如下：

<accordion-group heading="{{providerGroup}}" th:attr="ng-repeat=\''+ providerGroup in ${@provider.getProviders().keySet()}+'\')'">
                {{providerName}}
            </accordion-group>

一切正常，只是我不知道为什么 thymeleaf 不读它。

有什么帮助吗？

Answer 1

<accordion close-others="oneAtATime">
            <li th:each="provider : ${@provider.getProviders().keySet()}">              
            <accordion-group th:attr="heading=${provider}" ng-model="providerSelected">
                {{providerSelected}}

                <button class="btn btn-default btn-sm" ng-click="addItem()">Add Item</button>
                <div ng-repeat="item in items">{{item}}</div>
            </accordion-group>
            </li>   
        </accordion>

尽情享受吧！

使用 thymeleaf + angular + bootstrap 动态加载列表中的项目

Dynamic load items in a list using thymeleaf + angular + bootstrap

angularjs

thymeleaf

angular-ui-bootstrap