Hello - I am trying to have two input/filter boxes that are used by/determine what is displayed on more than one web page. I want the input filters to appear at the top of three pages/components. However, if the user has entered a value into one of the input boxes and then moves to one of the other pages using a navigational link provided...i want the input boxes and the values entered to remain (so the user does not need to enter a value again after clicking the link)...and be displayed at the top of the new web page (the one that is opened when they click the navigational link mentioned.
I am trying to do this using a router method.
I've applied two routers/links into a web page i am working on. The router links themselves are working fine (when I click the link...it takes me to the desired page). The problem is that I expected the structure of the page above the router code to stay the same even when a user clicked on one of the router links from the main page. Is that not how a router is meant to work?
For example, lets say in my app.component.html file I have this code
<!-- Search Text -->
<h6>Enter ATTUID</h6> <input [(ngModel)]="attuidSearch"/>
<h6>Enter Employee Name</h6> <input [(ngModel)]="nameSearch"/>
<ul class="nav-list" >
When a user is viewing the app.component.html page in the browser and clicks on the "/profileGrid"> / Profile link...I expected the code for the input boxes (which is above the section of code for the routerLinks) to still be visible even when the user is viewing the html file tied to the "profile-grid component (the component opened when the user clicks on the link). For now lets just assume the profile-grid.component.htm
l file is the default shell file that states..."profile-grid works"
Am I going down a wrong path trying to use the Router for this...? or is there a section of code needed in either my app.component.html (which is provided above) or the profile-grid.component.htm
l (for now is the default 'this page works code) to make this work how I have described?