How to dynamically change a value in a table with AngularJS?

Question

JavaScript

Good afternoon!
I'm training to use angularJS, for this I created a small application that reads a json file, stores its properties in LocalStorage, and then fills the table with the values ​​of these properties. Everything works the way I want. There is a function for deleting, adding a new element, searching, sorting, etc.
However, the problem is in the editing function. From now on, in more detail: by clicking on "edit" I open a standard jqueryUI dialog box, the fields of which are filled with the values ​​of the row of the table in which the pressed 'edit' is located (if I'm not clear, please see the example attached to this question). Next, I edit these fields and by clicking on "accept" I save the corrected values ​​\u200b\u200bin localStorage. However, in addition to saving to LocalStorage, I'd like to dynamically change the values ​​in the original table. Because at the moment, in order for the changes to take effect, you have to reload the page, which is not good. So the question is how to dynamically load new values ​​back into the table? Any advice would be welcome
Run code snippet questionable

Answer 1

it was necessary to use $timeout