Mobile: Click event is fired when Nested MatMenu is hidden

#### What is the expected behavior?
In mobile, clicking anywhere on the parent navigation mat-menu should only execute the sub menu. Then click on the submenu, with a routerLink, to see another page.

#### What is the current behavior?
In mobile, if the sub-menu overlaps the parent mat-menu the routerLink in the sub-menu gets executed, even when the sub-menu is hidden.

#### What are the steps to reproduce?
In a mobile device go to: https://angular-aor8v8.stackblitz.io/
Source: https://stackblitz.com/edit/angular-aor8v8?file=app%2Fnested-menu-example.html
Example: http://recordit.co/JopTv4JWTU

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 7.1.1
Material 7.1.1
Chrome

#### Is there anything else we should know?
I tried the lazy rendering with matMenuContent and it didn't seem to have any affect.
Also, tested on an iOS device and it works perfectly fine

Bắt đầu bằng cách tái hiện hành vi trên thiết bị di động sử dụng ví dụ StackBlitz được liên kết, đặc biệt là app/nested-menu-example.html, và so sánh với các tương tác dự kiến của menu cha và menu con. Theo dõi hành vi nhấp và routerLink của mat-menu lồng nhau khi menu con bị ẩn; được xem là hoàn tất khi nhấp vào mục cha không kích hoạt liên kết của menu con bị ẩn, trong khi nhấp vào liên kết menu con đang hiển thị vẫn điều hướng.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.