输入在ng-sortable容器中不可编辑

时间:2016-02-11 15:39:54

标签: javascript angularjs ng-sortable

我在ng-sortable容器中遇到输入元素的问题。 输入不可编辑。但是我可以附加一个点击事件。可以通过控制器更改这些值。

这是一个说明问题的掠夺者:

http://plnkr.co/edit/pNJD26eJdkuuzJVA0ys8?p=preview

 <div class="sortable-row" as-sortable="sortableOptions" ng-model="itemsList.items1">
     <div ng-repeat="item in itemsList.items1" as-sortable-item>
         <div as-sortable-item-handle>{{item.Label}}
         <input type="text" ng-model="item.label">//can not be edited
         </div>
 </div>

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

这是因为您输入的内容 as-sortable-item-handle因此点击事件已停止;

您可以尝试从div中获取输入:

<div ng-repeat="item in itemsList.items1 track by item.Id" as-sortable-item>
    <div as-sortable-item-handle>{{item.Label}}</div>
    <input type="text" ng-model="item.Label">
</div>

然后你可以自由编辑输入内容,希望有所帮助!