TypeError: Cannot assign to read only property 'edited' of 0,

Question

Hello everyone, I'm trying to improve the Huston Todos App.
When you edit a label, the completed style appears next to it.
I want that when you press the "save" button, the label comes back to normal.
I've added this code:
javascript
for (var todo in todos) {
      todo.edited = false;
 }

I know that it's correct, but I've also understood that when you create a property with angular declaration the property isn't writable. And this is should be the reason of the error.
I think that a solution would be to modify the json obejects, writing the property there and declaring it as writable.
But I was wondering if there would be another way, just with angular.
Thank you, I give you the link of the workspace.
https://w.trhou.se/km97x59cqi

akak · Accepted Answer

Hi,
When you click save on either todo all todos that were edited are saved. That how current code works. To get rid of EDITED annotation you can set that value to false before you send data to the service. 
javascript 
var filteredTodos = $scope.todos.filter(function(todo) {
      if (todo.edited) {  
          todo.edited = false;
        return todo;
      }
    });

The service that saves your data ideally should know nothing about what is displayed on the page. Controller is what binds data with view and inside of it you should modify the property to update the view.
Hope that helps.
Cheers!

Welcome to the Treehouse Community

Looking to learn something new?

Andrea Miotto

Andrea Miotto

TypeError: Cannot assign to read only property 'edited' of 0,

1 Answer

akak

akak