angularjs相同的textarea来编辑多个元素

Question

我有这种情况，我从列表中设置了一个当前项目，我需要使用文本区域来编辑该元素的值。 由于某些限制，我必须使用 keyup 事件，但我认为这不是问题。

检查这个小提琴：http://jsfiddle.net/terebentina/Euj2C/

1. 单击第一个/第二个按钮 - 它可以工作，它将 textarea 中的文本更改为每个元素的值。
2. 将 textarea 中的文本更改为某事
3. 再次单击第一个/第二个按钮 - 文本区域不再更新。如果你查看控制台，你可以看到它在元素之间切换，只是 textarea 不再更新了。

有什么建议吗？这让我发疯了！

Answer 1

我知道有更好的方法来修改你的指令来做到这一点，但作为一个快速修复，现在你可以尝试将你的 textarea 绑定到一个 ngModel 值，它只是所选元素中当前文本的副本：

<textarea keyup="" ng-model="keyupText"></textarea>

将此作为您的current 函数：

$scope.current = function(idx) {        
    $scope.current_element = $scope.elements[idx];
    $scope.keyupText = $scope.current_element.value;
    console.log('current is', $scope.current_element.value);
}

有关示例，请参阅 this fiddle。