可編輯的文本框點擊，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

回答

相關問題