当li下垂到空的ul时,ng-sortable不工作?

时间:2015-09-23 14:27:04

标签: jquery angularjs ng-sortable

我遇到一个问题,当我将一个li元素放到一个空的ul时,它无法删除那个li元素。如果ul含有li,它工作正常。请帮我。提前致谢

<ul>
                    <li class="heading-row">
                        <div class="cell-col cell-1">
                            <strong>Group</strong>
                        </div>
                        <div class="cell-col cell-2">
                            <strong>#</strong>
                        </div>
                        <div class="cell-col cell-3">
                            <strong>Nick Name</strong>
                        </div>
                        <div class="cell-col cell-4">
                            <strong>Company</strong>
                        </div>
                        <div class="cell-col cell-5">
                            <strong>Rating</strong>
                        </div>
                        <div class="cell-col cell-6">
                            <strong>Car Info</strong>
                        </div>
                        <div class="cell-col cell-7">
                            <strong>Car Type</strong>
                        </div>
                        <div class="cell-col cell-8">
                            <strong>Capacity</strong>
                        </div>
                    </li>
                    <!--ng repeat-->


                    <li id="rowd.id" ng-repeat="rowd in rowData.data">
                        <div>
                            <div class="cell-col cell-1">{{rowd.name}}
                            </div>
                            <div class="cell-col cell-group-2">
                                <div class="cell-item-rw">
                                    <ul class="data card-list ng-pristine ng-untouched ng-valid driver_data"
                                        as-sortable="waitaddSortOptions" ng-model="rowd.data">
                                        <li class="{{rowq.id}} rowq" data-ng-repeat="rowq in rowd.data"
                                            ng-dblClick="selectedDriver(rowq)" as-sortable-item>
                                            <div as-sortable-item-handle="" class="as-sortable-item-handle">

1 个答案:

答案 0 :(得分:0)

只需将样式 ng-style =“{'min-height':'20px'}”设置为li标记

 <li class="{{rowq.id}} rowq" data-ng-repeat="rowq in rowd.data" ng-dblClick="selectedDriver(rowq)" ng-style="{'min-height': '20px'}" as-sortable-item> 

Now you are able to drop element in empty list.