Ввод недоступен для редактирования в контейнере ng-sortable

Question

У меня проблема с элементами ввода в контейнере ng-sortable. Входы не редактируются. однако я могу прикрепить событие клика. Значения могут быть изменены через контроллер.

Вот 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>

Спасибо за помощь!

Answer 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>

Тогда вы можете свободно редактировать входные данные, надеюсь, это поможет!