This is an angular 10 project. So I have a data tab and a music tab. The data tab will work fine when the page loads. If I try to navigate to the music tab and then back to the data tab a refresh is required to load the component correctly. It's supposed show an array of data or a message if the array is empty. The data loads from the server. I have verified that the server responds with 10 elements. But the template is acting like it doesn't have any array elements when there is. I need to know how to fix it so that the user doesn't have to refresh when they navigates away from the data tab and back to it. Continue reading...
