输入在 ng 可排序容器中不可编辑

Input not editable in ng-sortable container

本文关键字：编辑 排序 ng 输入      更新时间：2023-09-26

我对 ng 可排序容器中的输入元素有问题。输入不可编辑。但是我可以附加一个点击事件。这些值可以通过控制器进行更改。

这里有一个Plunler来说明这个问题：

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>

感谢您的帮助！

这是因为您的输入在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>

然后您可以自由编辑输入内容，希望对您有所帮助！

相关文章：