меню материала внутри ng-шаблона не работает - PullRequest
Новая
       6

меню материала внутри ng-шаблона не работает

0 голосов
/ 07 июня 2018 
<span *ngIf="!slot.teiletyp.finished; else finishedPart" mat-line>
                Charge: {{ queue.box.batch_number }}
                </span>
                <ng-template #finishedPart>
                        <span mat-line >Fertigteilbox</span>
                        <mat-menu #menu="matMenu">
                        <button mat-menu-item (click)="boxClicked(queue.box)">boxdetail</button>
                        <button mat-menu-item (click)="openBoxes(queue.box.id)">offenebox</button>
                        </mat-menu>
                </ng-template>

здесь я пытаюсь открыть меню в другой части, но я не могу дозировать.Может ли кто-нибудь помочь мне с этим.

Спасибо

1 Ответ

0 голосов
/ 07 июня 2018

Меню не открывается по умолчанию.Вы должны добавить триггер меню, чтобы открыть меню.В вашем случае лучшим решением было бы просто использовать mat-button в вашем шаблоне.

<span *ngIf="!slot.teiletyp.finished; else finishedPart" mat-line>
  Charge: {{ queue.box.batch_number }}
</span>
<ng-template #finishedPart>
    <span mat-line>Fertigteilbox</span>
    <div>
        <button mat-button [ngStyle]="{'width':'100%'}" (click)="boxClicked(queue.box)">boxdetail</button>
        <mat-divider></mat-divider>
        <button mat-button [ngStyle]="{'width':'100%'}" (click)="openBoxes(queue.box.id)">offenebox</button>
    </div>
</ng-template>
...