I need assistance with handling multiple ng-models spread across 2 partial HTML files.
Here is the content of partial1.html:
<input ng-model="A" /> //user input for A
<input ng-model="B" /> //user input for B
<input ng-model="C" /> //user input for C
<button ng-click="SavePartialOne()> Save and navigate to partial 2 </button>
And here is the content of partial2.html:
<input ng-model="P" /> //user input for P
<input ng-model="Q" /> //user input for Q
<input ng-model="R" /> //user input for R
<button ng-click="SavePartialTwo()> Save and go to partial 3 which will be populated with data from partial1 and 2 </button>
Lastly, in partial3.html:
<input ng-model="X" /> //auto-populated with data from input box A
<input ng-model="Y" /> //auto-populated with data from inputs A and P
<input ng-model="Z" /> //slightly modified data based on input A where a is changed to a+1
I need help with app.js to access and manipulate this data. Any suggestions?