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

然後，您可以自由編輯的輸入內容，希望幫助！