点击，angular.js上的可编辑文本框

Question

在我的项目中，我有一个项目名称列表，我想使用angular.js使用动态文本框编辑名称。如果我点击项目标题旁边的按钮，我希望我的项目名称的文本框变得可编辑，并在我完成输入时用另一个按钮确认版本。我可以用angular.js做这样的事吗？我刚刚完成了教程，并且非常喜欢它。

Answer 1

当我向公众开展AngularJS演示时，这是我最喜欢的例子之一：）

有一个没有单行JS代码的代码： http://plnkr.co/edit/ZwYA6R2e6kdhHBJAYf3V?p=preview

  <span ng-hide="editing">
    {{name}} <button ng-click="editing = true">Edit</button>
  </span>
  <span ng-show="editing">
    <input type="text" ng-model="name"> 
    <button ng-click="editing = false">Save</button>
  </span>