Question

我正在努力完成下拉列表的序列化任务。我正在构建一个应用程序，可以让您订购商品，然后可以查看订单。因此，每个订单都有分配给它的项目清单。我正在使用AngularJS 1.6.9。这是html页面：

<div ng-app="ShowOrdersApp" ng-controller="mainCtrl" class="container">
            <br><br>
            <button ng-click="getOrders()"> Show Orders </button>
            <br><br>
            <table>
                <tr>
                    <th > Orders </th>
                </tr>
                <tr ng-repeat="x in orderlist">

                    <td><label> No. {{x.id}} </label><br>
                        <label> Date and Time : {{x.timestamp}} </label><br>
                        <button class="btn btn-primary dropdown-toggle" ng-click="getOrderDetails(x.id)"> List of Items
                        <span class="caret"></span></button><br>


                    </td>

                </tr>
            </table>

</div>

在单击蓝色按钮时，我希望它显示分配给特定订单的所有项目，但是我无法创建下拉列表，因为订单数量可能有所不同，每个订单的项目数量也可能有所不同。我该如何运作？

Answer 1

那么，我是否正确理解-您想在下拉列表中显示items中的List of items吗？试试这个： HTML：

<table>
                    <tr>
                        <th > Orders </th>
                    </tr>
                    <tr ng-repeat="x in data">

                        <td><label> No. {{x.id}} </label><br>
                            <label> Date and Time : {{x.date}} </label><br>
                            <div class="dropdown">
                            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-click="getOrderDetails(x.id)"> List of Items
                            <span class="caret"></span></button><br>
                             <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" ng-repeat="item in x">
                               <a class="dropdown-item" style="display: block" ng-repeat="y in item">{{y.name}}</a>
                            </div></div>
                        </td>

                    </tr>
                </table>

朋克：http://plnkr.co/edit/LZ8TF0MumSGPOXqFAkLm?p=preview

序列化下拉列表

1 个答案: