Trung tâm cá nhân
sách gpt4 ai đã đi

html - 有没有办法突出显示点击的 mat-grid-tile？当动态生成每个 mat-grid-tile 时

In lại 作者：行者123 更新时间：2023-11-27 23:06:16 27 4
mua khóa gpt4 Nike

我在 UI 的 mat-grid-list 中动态显示 mat-grid-tile，其数量和数据随着后端值的变化而变化。它们是动态生成的。单击任何 mat-grid-tile 都会调用一个函数并将数据传递给它以继续。我想识别已被点击的 mat-grid-tile 并保持突出显示，直到用户被路由到另一个页面。

我已经尝试过 mat-grid-tile:active{background-color: #333} 它会在用户点击时改变背景颜色一秒钟，就像闪光一样，而不是之后。

{{瓷砖名称}}

我希望在用户被踢出该页面或 div 之前的剩余时间内，tile 的输出会以更改后的背景颜色突出显示。

1 Câu trả lời

hiện hữu html 文件中:

...

hiện hữu ts 文件中:

public highlight(ev) {
  var target = event.target || event.srcElement || event.currentTarget;

  target.classList.add("bg-blue");

  myOldDataProcessingFunction();
}

这样就可以得到元素了。现在您可以设置更改样式或添加另一个类。

关于html - 有没有办法突出显示点击的 mat-grid-tile？当动态生成每个 mat-grid-tile 时，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58728699/

27 4 0
Bài viết được đề xuất: html - 在 html 表格的每一行上添加点击功能
Bài viết được đề xuất: css - iPad 中的关键帧动画在 safari 和 chrome 中都不稳定。如何在 safari 中平滑动画？
Bài viết được đề xuất: javascript - Facebook 分享按钮错误
Bài viết được đề xuất: html - Css Flex 显示为行，两个元素显示为列
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com