угловые 2 показывают плавающий div, где нажата строка

Question

Я не ищу расширяемую строку, как объяснено по ссылке Расширяемые строки таблицы в угловых 4 с угловым материалом

Все, что мне нужно, это показать небольшой плавающий div, где я щелкнул мышью. (выбрал строку). У меня есть готовый образец для выделения выбранной строки и плавающего элемента div, который сейчас отображается под таблицей. Выберите строку показать div, выберите усиление скрыть div. Помогите, пожалуйста, показать, где щелкнула мышка / выбрана строка. Код находится по ссылке https://stackblitz.com/edit/div-on-click

Answer 1

Я знаю, что по этому вопросу вы упомянули, что вам не нужна расширяемая строка ... Далее я опубликую пример блиц-стека для вашего обзора с использованием расширяемой строки, в которой используется расширяемая строка, которая не соответствует вашим ожиданиям, но быласоздан в ответ на ваш предыдущий вопрос, который был закрыт как дубликат, прежде чем я смог опубликовать его ... Я просто хотел опубликовать здесь для вашего обзора, чтобы продемонстрировать, как расширяемые строки работают в вашем примере stackblitz ... После просмотра, если это не будет соответствоватьВаши требования, пожалуйста, дайте мне знать, и я удалю.

https://stackblitz.com/edit/div-on-click-qqcdmx?embed=1&file=app/table-basic-example.html

Кроме того, вот пример стекаблика контекстного меню правой кнопки мыши в mat-таблице для вашего обзора.

https://stackblitz.com/edit/angular-material-context-menu-table?file=app/context-menu-example.html