带有angularjs的内联可编辑文本不更新记录

带有angularjs的内联可编辑文本不更新记录,angularjs,angularjs-directive,angularjs-scope,Angularjs,Angularjs Directive,Angularjs Scope,我是angularjs的新手。我正在尝试使用angularjs生成内联可编辑文本,幸运的是我做到了。。检查这把小提琴 但问题是我的记录是内联更新的,但它不是在$scope变量中更新的 您可以使用这个示例plunker HTML: 您可以使用这个示例plunker HTML: 你的指令不起作用。你的数据ng模型没有绑定到值,它绑定到内部html,这不是一回事。好的……你能编辑我的提琴吗?谢谢我不打算给你写指令;没有简单的修复方法,逻辑完全错误。为什么要使用指令执行此任务?您可以尝试使用简单的文本框

我是angularjs的新手。我正在尝试使用angularjs生成内联可编辑文本,幸运的是我做到了。。检查这把小提琴


但问题是我的记录是内联更新的,但它不是在
$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'
          };