javascript - 如何添加箭头图标以展开和折叠带有可展开行的 Angular Mat-Table 中的任何行?

标签 javascript angular mat-table

我创建了一个带有可扩展行的垫子表,就像 Angular 8 中的这个一样:

https://stackblitz.com/angular/pmagobelkkg?file=app%2Ftable-expandable-rows-example.ts

但是,如上例所示,仅当我单击该行中的某处时,该行才会展开。有什么方法可以为每一行添加向上和向下箭头图标,这样只有当我点击每一行中的图标时,该行才会展开吗?

非常感谢!

最佳答案

这是您的 stackblitz 的解决方案。 Forked stackblitz

希望对您有所帮助!

关于javascript - 如何添加箭头图标以展开和折叠带有可展开行的 Angular Mat-Table 中的任何行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57580806/

相关文章:

javascript - 在 Angular Observables 中订阅后记录数据

javascript - 将具有唯一 ID 的对象集合存储为以 ID 作为键的关联数组而不是常规数组是否存在任何缺陷?

javascript - Angular 2 服务 : return local variable or do a promise

angular - 将数据从一个组件传递给服务,然后再传递给另一个组件

javascript - Skrollr 与 SlickNav,重叠问题

javascript - Jquery原型(prototype)与新函数冲突

asp.net - 如果 API 是一个单独的项目,那么使用 Yeoman .net core spa Angular 模板创建 Angular MVC 项目有什么优势?

angular - 如果我使用 *ngFor 和指令,我如何在 mat-table 中使用 "data-label"?

css - 水平滚动上的 Mat-table 背景颜色

javascript - 使用 JSON 响应填充 Mat 表(并执行排序和过滤)