带有angularjs的内联可编辑文本不更新记录
我是angularjs的新手。我正在尝试使用angularjs生成内联可编辑文本,幸运的是我做到了。。检查这把小提琴带有angularjs的内联可编辑文本不更新记录,angularjs,angularjs-directive,angularjs-scope,Angularjs,Angularjs Directive,Angularjs Scope,我是angularjs的新手。我正在尝试使用angularjs生成内联可编辑文本,幸运的是我做到了。。检查这把小提琴 但问题是我的记录是内联更新的,但它不是在$scope变量中更新的 您可以使用这个示例plunker HTML: 您可以使用这个示例plunker HTML: 你的指令不起作用。你的数据ng模型没有绑定到值,它绑定到内部html,这不是一回事。好的……你能编辑我的提琴吗?谢谢我不打算给你写指令;没有简单的修复方法,逻辑完全错误。为什么要使用指令执行此任务?您可以尝试使用简单的文本框
但问题是我的记录是内联更新的,但它不是在
$scope
变量中更新的 您可以使用这个示例plunker
HTML:
您可以使用这个示例plunker HTML:
你的指令不起作用。你的
数据ng模型
没有绑定到值,它绑定到内部html,这不是一回事。好的……你能编辑我的提琴吗?谢谢我不打算给你写指令;没有简单的修复方法,逻辑完全错误。为什么要使用指令执行此任务?您可以尝试使用简单的文本框。好的,没问题。我会这样做。@claies您的指令不起作用。你的数据ng模型
没有绑定到值,它绑定到内部html,这不是一回事。好的……你能编辑我的提琴吗?谢谢我不打算给你写指令;没有简单的修复方法,逻辑完全错误。为什么要使用指令执行此任务?您可以尝试使用简单的文本框。好的,没问题。我会这样做。@Claies
<ul>
<li ng-repeat="todo in todos" inline-edit="todo.title" on-save="updateTodo(todo.title)" on-cancel="cancelEdit(todo.title)"></li>
</ul>
app.directive('inlineEdit', function($timeout) {
return {
scope: {
model: '=inlineEdit',
handleSave: '&onSave',
handleCancel: '&onCancel'
},
link: function(scope, elm, attr) {
var previousValue;
scope.edit = function() {
scope.editMode = true;
previousValue = scope.model;
$timeout(function() {
elm.find('input')[0].focus();
}, 0, false);
};
scope.save = function() {
scope.editMode = false;
scope.handleSave({value: scope.model});
};
scope.cancel = function() {
scope.editMode = false;
scope.model = previousValue;
scope.handleCancel({value: scope.model});
};
},
templateUrl: 'inline-edit.html'
};