The latest articles on DEV Community by Ashok Kumar (@kak_mca). https://dev.to/kak_mca https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1167696%2F877dedf6-4620-42b0-bd44-c5e13b535c87.jpg https://dev.to/kak_mca en Ashok Kumar Fri, 22 Sep 2023 11:39:43 +0000 https://dev.to/kak_mca/how-to-hide-controls-based-on-login-status-ej9 https://dev.to/kak_mca/how-to-hide-controls-based-on-login-status-ej9 <p>Below is the GitHub repository for my code.<br> <a href="https://github.com/ashok-login/DatingAppForAngularDiscussion.git">https://github.com/ashok-login/DatingAppForAngularDiscussion.git</a></p> <p>I am learning Angular by following one Udemy course. But, I am stuck with one simple issue like below. Can someone help me to resolve the issue.</p> <p>Below is the requirement.</p> <p>Once after the user is logged in successfully, all the navigation links are working as expected except the Home-page link.</p> <p>If the user is logged in, login controls should be removed from the DOM, and navigation links should be shown as shown in the below screenshot.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--UB-GNzW6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b6re314rfmfd65j560r6.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--UB-GNzW6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b6re314rfmfd65j560r6.png" alt="Image description" width="788" height="242"></a></p> <p>But, once after the successful login, if user clicks on Dating App (Home-page logo) as marked with 1, all the navigation controls are hiding, and login controls are showing as shown in the below screenshot.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PzyaNBuC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5n7ooyzn5tvosqf53k4b.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PzyaNBuC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5n7ooyzn5tvosqf53k4b.png" alt="Image description" width="786" height="341"></a></p> <p>Can someone help me to resolve this issue!</p> <p>Regards,<br> Ashok Kumar K.</p> aspdotnet angular