编辑和保存无效-Editingandsavingisnotworking

1  

Don't really know why, I was just playing around with the code, but seems working, at least with the text fields, using ng-if instead of ng-show/ng-hide: http://jsfiddle.net/T6rA9/1/

不知道为什么，我只是在玩代码，但似乎工作，至少在文本字段，使用ng-if而不是ng-show / ng-hide：http：//jsfiddle.net/T6rA9 / 1 /

I'll update my answer if I find a reason...

如果我找到理由，我会更新我的答案......

Update: I think this is what you're looking for: http://jsfiddle.net/T6rA9/7/

更新：我认为这就是你要找的：http：//jsfiddle.net/T6rA9/7/

The difference is that instead of saving the value on save, I am reverting the changes on cancel, which is easier due to angular two-way data-binding.

不同之处在于，我没有在保存时保存值，而是在还原时恢复更改，由于角度双向数据绑定，这更容易。

Because of that, I also removed the view.editableValue ng-model directive and used the fields as you would normally do.

因此，我还删除了view.editableValue ng-model指令，并像往常一样使用这些字段。

1  

Transclusion and isolated scopes does not work the way you may think. You can read more about it here http://angular-tips.com/blog/2014/03/transclusion-and-scopes/

移植和隔离范围不会像您想象的那样工作。你可以在这里阅读更多相关信息http://angular-tips.com/blog/2014/03/transclusion-and-scopes/

If you i.e. make this change you will already see a difference

如果您进行此更改，您将看到不同之处

0  

What about creating ngClick function which add input element inside your div with previous value?

怎么样创建ngClick函数，在div中添加输入元素与之前的值？

    {{ inputValue }} 



  

And main.js file:

和main.js文件：

app.controller('MyCtrl', function($scope) {

  $scope.hidden = true;

  $scope.inputValue = 'Edit me!';

  $scope.addInput = function() {
    $scope.hidden = !$scope.hidden;
  }

});

Here you have Plunker

在这里你有Plunker