Добрый день, Моя проблема заключается в том, что я не могу считать значение переменной шаблона из дочернего компонента.
Задача стоит в том, чтобы вызывать контекстное меню, которое находится в вложенном кастомном компоненте.
Компонент меню в компоненте reusable-menu
Шаблон
<mat-menu #dynamicMenu="matMenu">
<button
*ngFor="let incomeItem of incomeData; let i = index"
(click)="onSelectMenu(incomeItem, i)"
mat-menu-item
>{{incomeItem.name + i}}
</button>
</mat-menu>
Класс
export class ReusableMenuComponent implements OnInit {
@Output() selectedItem = new EventEmitter();
@Input() incomeData: any[] = [];
constructor() { }
ngOnInit() {}
onSelectMenu(item: any, indx: number) {
console.log(item);
}
Компонент, в котором вызывается меню.
<td
mat-cell *matCellDef="let item"
[matMenuTriggerFor]="dynamicMenu"
(click)="onContextMenu($event, item)"
> bla bla bla </td>
<reusable-menu
[incomeData]="leadersTypeList"
></reusable-menu>
Каким образом я могу вытащить переменную dynamicMenu, которая находится в компоненте reusable-menu, чтобы использовать ее в качестве ссылки из родительского компонента?
