Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

routerLink is not working for mat-button-toggle in 6.3.1 #11944

Closed
zijianhuang opened this issue Jun 27, 2018 · 4 comments
Closed

routerLink is not working for mat-button-toggle in 6.3.1 #11944

zijianhuang opened this issue Jun 27, 2018 · 4 comments
Assignees

Comments

@zijianhuang
Copy link

Bug

            <mat-button-toggle-group #group="matButtonToggleGroup" [value]="currentModuleName">
                <mat-button-toggle routerLink="/ml_appointments" value="appointments">
                    <i fxHide.md class="material-icons">event</i>
                    <span fxHide.sm fxHide.xs>Appointments</span>
                </mat-button-toggle>
                <mat-button-toggle routerLink="/tasks" value="tasks">
                    <i fxHide.md class="material-icons">donut_large</i>
                    <span fxHide.sm fxHide.xs>Tasks</span>
                </mat-button-toggle>

No routing happens when the toggle button is clicked.

What is the expected behavior?

Routing should happen according to the definitions in the routing module. The same code is working well in 6.3.0 and all previous releases.

What is the current behavior?

No routing happens.

Is there anything else we should know?

While I could do the routing in the TS codes, however for this scenario I would prefer to have the routing declared in the HTML template.

@haykerman
Copy link

I am experiencing the same issue. Any update on this?

@josephperrott
Copy link
Member

Closing as this was fixed by #11951

@dcolakchile
Copy link

dcolakchile commented Jun 3, 2019

This still does not work. Have latest version of everything. routerLink within material button does not work.

<button mat-raised-button style="width:45%" color="secondary" type="button" [routerLink]="'/secure/reports/bookings'" [hidden]=false>{{'BUTTON_MY_PURCHASES'|translate}}

@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 10, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants