Добавление меню угловых материалов в каждую строку таблицы угловых материалов с помощью кнопки «Больше» в конце липкой таблицы

Question

У меня есть липкая таблица, к которой я хочу добавить переключатель more_vert button, но я не могу этого добиться, потому что не знаю, как отличить каждый drop down menu list друг от друга.

Эта таблица представляет собой список пользовательских данных из API REST, который должно отображаться в меню для каждой строки: - delete user - edit user profile, когда я нажимаю more button

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

     <ng-container matColumnDef="actions" stickyEnd>
         <th mat-header-cell *matHeaderCellDef mat-sort-header> </th>                  
         <td mat-cell *matCellDef="let user"> 
            <button mat-icon-button [matMenuTriggerFor]="user.user_id" aria-label="">
                <mat-icon>more_vert</mat-icon>
            </button>
            <mat-menu #appMenu="user.user_id">
              <button mat-menu-item>Delete</button>
              <button mat-menu-item>Edit</button>
            </mat-menu>  
        </td>
     </ng-container>

Answer 1

Вы ссылаетесь на неправильное меню. [MatMenuTriggerFor] = "user.user_id" должно быть [matMenuTriggerFor] = "appMenu"