Lo que estoy tratando de lograr

Estoy tratando de crear dinámicamente un menú en cascada de 2 niveles con componentes angulares y materiales.

• El primer nivel se compone de una md-nav-list con un montón de
  md-list-items que contienen botones creados usando ngFor
• El menú de segundo nivel es un md-menú con botones. El botón md-menu se genera utilizando un anidado

• Ahora, me gustaría activar el menú de segundo nivel al pasar el mouse sobre un elemento de primer nivel.

   ... // Level 1 Menu <button class="cq-but" md-menu-item *ngIf="item.type === 'sub'" [mdMenuTriggerFor]= ... // <- how do I reference mdMenu here?? item.name </button> // Level 2 Menu <md-menu class="cq-popup" *ngIf="item.type === 'sub'" #subMenu="mdMenu" id=item.name> <button md-menu-item *ngFor="let childitem of item.children"> childitem.name </button> </md-menu> </md-list-item>

en que necesito ayuda

El menú md generado dinámicamente debe activarse mediante un [mdMenuTriggerFor] en los botones del primer nivel.

Como he señalado en el fragmento de código anterior, mi pregunta es... ¿cómo me vinculo al componente md-menu generado dinámicamente en mi directiva mdMenuTriggerFor?

** Lo que he intentado **: traté de obtener una referencia al submenú usando ViewChildren, es decir

 // @ViewChildren('subMenu') public subMenu:QueryList<MdMenu>;

con la esperanza de activar el menú mediante programación sin tener que proporcionar la directiva mdMenuTriggerFor en la plantilla. Sin embargo, eso no funciona porque, según https://material.angular.io/components/component/menu , la directiva mdMenuTriggerFor es necesaria para adjuntar el menú a un elemento desencadenante en el DOM.

Abierto a otros enfoques. ¡Gracias!