created a shadow field for title , so that if the user closes the pag…

…e while editing, the title is not affected, only the shadow is change which gets discarded.

labs/dependency-examples/durandal/js/viewmodels/list.js

@@ -10,6 +10,7 @@ define([
 	var Todo = function (title, completed) {
 		this.title = ko.observable(title);
 		this.completed = ko.observable(completed);
+		this.editTitle = ko.observable(title) //we use this as a shadow for the title so that if the user exits without saving, it is not persisted.
 		this.editing = ko.observable(false);
 	};
 
@@ -91,7 +92,7 @@ define([
 			item.editing(false);
 
 			//trim and save back
-			var trimmed = item.title().trim();
+			var trimmed = item.editTitle().trim();
 			item.title(trimmed);
 
 			if (!trimmed) {

labs/dependency-examples/durandal/js/views/list.html

@@ -10,7 +10,7 @@
 			 <label data-bind="text: title, event: { dblclick: $root.editItem }"></label>
 			 <button class="destroy" data-bind="click: $root.remove"></button>
 	 </div>
-	 <input class="edit" data-bind="value: title, valueUpdate: 'afterkeydown', enterKey: $root.stopEditing, selectAndFocus: editing, event: { blur: $root.stopEditing }">
+	 <input class="edit" data-bind="value: editTitle, valueUpdate: 'afterkeydown', enterKey: $root.stopEditing, selectAndFocus: editing, event: { blur: $root.stopEditing }">
 </li>
 </ul>
 </section>