The latest articles on DEV Community by Chakir Ayoub (@chakirayoub). https://dev.to/chakirayoub 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%2F2553268%2F90911224-730e-490e-a2f7-bdcf160e6cd0.jpeg https://dev.to/chakirayoub en Chakir Ayoub Sun, 15 Dec 2024 15:08:21 +0000 https://dev.to/chakirayoub/mat-menu-angular-7-2a62 https://dev.to/chakirayoub/mat-menu-angular-7-2a62 <p>Hello everyone, I hope you are doing well! I have a question. I have a table that contains sub-tables. The values of the main table are loaded from the backend, while for the subtables, I have a list in the TypeScript file, and each element has several sub-elements. The problem is that there are elements for which the user must have a specific role to access them, but they are displayed.</p> <p>My question is: how to display a message when the user clicks on one of these elements? I want to be able to know if he clicks on it, and if the user has the rights, he will be redirected to a page. How to proceed for this?</p> <p>Thank you in advance for your advice<a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/url" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/url" width="" height=""></a></p> angular typescript discuss