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

Javascript ng可排序容器中的输入不可编辑,javascript,angularjs,ng-sortable,Javascript,Angularjs,Ng Sortable,我对ng可排序容器中的输入元素有问题。 输入不可编辑。但是,我可以附加一个单击事件。可通过控制器更改这些值 以下是一个劫掠者来说明这个问题: {{item.Label} //不可编辑 谢谢你的帮助 这是因为您的输入在作为可排序项目句柄的内部,因此单击事件停止 您可以尝试从div中获取输入,如下所示: <div ng-repeat="item in itemsList.items1 track by item.Id" as-sortable-item> <div a

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

以下是一个劫掠者来说明这个问题:


{{item.Label}
//不可编辑

谢谢你的帮助

这是因为您的输入在
作为可排序项目句柄的内部,因此单击事件停止

您可以尝试从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>

{{item.Label}

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

将其从“可排序项目句柄”中删除确实解决了问题。然而,只拖动标题有点违反直觉。将不得不添加一个拖动图标左右。谢谢你的帮助!
<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>