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

时间:2015-04-17 14:53:05

标签: angularjs angular-ui-bootstrap thymeleaf

大家好我继续我的代码,我有一个问题,有人可以帮我解决它。 我正在使用带有角度和百里香的UI Bootstrap,我每个都有问题。我想要这个:

enter image description here

因此,此表从Thymeleaf加载动态,但名称提供者需要更改。

以下是代码:

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

一切都很好,只是我不知道为什么百里香不读它。

任何帮助?

1 个答案:

答案 0 :(得分: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>    

享受它!