Table of changes between two objects?

Question

Layout

Hello colleagues! I wanted to ask for advice: how best to make a table of changes in angular? That is, for example, the user wants to change something in his interface -> changes -> clicks on the update button -> he is shown a modal with old values ​​and new ones (there can be many changed fields, not just one). How can this be done in angular js? So far, only 2 options come to mind. Hang on all ng-change inputs and see what has changed (but this is a bad way, because there are a lot of fields), or make two objects and compare them with each other. Maybe there are already some solutions that you can look at? Many thanks in advance to everyone!

Answer 1

I need the block on the left to always be square

And that its form can change?

Answer 2

Read here, in my opinion you can do this
https://ru.stackoverflow.com/questions/561393/High...

Answer 3

you can use flex to
wrap both in a common container and wrap them themselves and set the parent.
Set align-items, align-content: stretch to equal height of items in a row

Answer 4

Here is my version of a deep comparison of the properties of arrays and
objects