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

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

来源

2013-06-06 Nepho

Actualy它是当我做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>

来源

2013-06-06 09:26:00

好，我幸运的人，你看到我的问题:)我正在测试它，会告诉你，如果一切都很好。 – Nepho

好吧，这是完美的。现在我需要在我的js var name中导入我的项目列表，以便我可以在编辑字段中使用我的项目名称。然后我需要将修改后的模型保存在Django中。那可能吗？：D – Nepho

而且，我需要分离我的几个项目。现在，当我点击一个编辑按钮时，每个项目都会交换编辑视图。我能解决这个问题吗？编辑：没关系，我找到了一个方法来做到这一点！ :)但我之前的问题仍然没有任何答案，如果你知道如何做到这一点，请告诉我！ :) – Nepho

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

回答

相关问题