Question

我正在开发一款需要拖放的小角应用程序，需要使用触控功能。

我找到了ngDraggable，它看起来非常像我需要的东西。

麻烦是我因为物品的框架（长篇故事）而被限制用require.js加载我的依赖项。我还需要使用路线和视图。

我修改了require.config.js以包含ngDraggable，如下所示：

<div class="shelf">
    <table>
        <tr>
            <td ng-repeat="obj in draggableObjects">
                <div class="slot" ng-drop="true" ng-drop-success="onDropComplete($index, $data, $event)">
                    <table id="card-table">
                        <tr>{{obj.description}}</tr>
                        <tr>
                            <div class="card" ng-class="{'selected': obj.mit_card.selected}" ng-drag="true" ng-drag-data="obj" ng-hide="obj.mit_card==null"
                            ng-click="onCardSelected(obj)">
                                <table>
                                    <tr>
                                        <!-- <td class="vertical-text">{{obj.mit_card.description}}</td>-->
                                        <label class="vertical-text">{{obj.mit_card.spec_id}}</label>
                                    </tr>
                                </table>
                            </div>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>
    <div class="remove-zone" ng-drop="true" ng-drop-success="onRemoveDropComplete($data, $event)">Drag here to remove card</div>
</div>

最终使用ngDraggable的div看起来像这样：

UPDATE  P
   SET  Name = ISNULL(TP.Name,P.Name),
        Description = ISNULL(TP.Description,P.Description)
        Output inserted.Id,inserted.Name 
FROM    @Products P
        INNER JOIN @TempProducts TP
            ON P.Id = TP.Id

这在PC上的Chrome上运行良好，但是当我在Android上试用它时，我无法触摸拖动。

ngDraggable附带的示例使用touch-drag，但是他们直接在html中加载了ngDraggable.js，并且一切都在那里使用。

有关正在发生的事情的任何想法？

编辑：我提出test repository。在ngDraggable-master中，示例-.html是原始示例，它们与触摸一起使用。 index.html是我使用requireJS重新解释example-reorder.html的入口点。它适用于鼠标，但触摸是不行的。

Answer 1

看起来这个问题确实存在于ngDraggable中。 GitHub上的最新版本似乎解决了它。

通过require.js加载时，ngDraggable不适用于触摸

1 个答案: