JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Data Grid › How to add link with routerLink(Angular) in Grid column

Tagged: , , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 28, 2020 at 1:39 pm #101025
    Ronak
    Member

    Im using Angular project and setup the grid. Now i want to add the anchor tag with the redirection to particular page. Normally in angular we can achieve this with the help of routerLink but its not working in template as it created dynamic content. And if i used normal href then it will refresh whole page.
    so how cani use anchor tag with the angular routing?
    Thanks

    August 28, 2020 at 2:26 pm #101026
    admin
    Keymaster

    Hi Ronak,
    Could you share a stackblitz example? You can use this template for your example: https://stackblitz.com/github/htmlelements/smart-webcomponents-angular/tree/master/grid/overview
    Best regards,
    Peter Stoev
    Smart UI Team
    https://www.htmlelements.com/

    August 28, 2020 at 6:07 pm #101027
    Ronak
    Member

    Hello,
    Please check below link where i mention everything what i want to do with the given demo. I just want to give hyperlink in template in angular project.
    https://prnt.sc/u7nbku
     
    Thanks

    August 31, 2020 at 6:47 am #101034
    admin
    Keymaster

    Hi Ronak,
    I would suggest the following:
    1. Instead of the link to navigate to a page, make it to call a function.
    2. In that function use the Angular Routing API to handle the click.
    We have a help tutorial about using angular routing which might help you: https://www.htmlelements.com/docs/angular-routing-tabs/
    Best regards,
    Peter Stoev
    Smart UI Team
    https://www.htmlelements.com/

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.