如何在Angular Material Table上获取行标签？
在Angular Material Table上获取行标签，可以通过以下步骤实现：
- 首先，确保已经安装并导入了Angular Material库和相关的模块。可以使用Angular CLI命令来安装和导入这些依赖项。
- 在组件的HTML模板中，使用
<mat-table>标签创建一个Angular Material Table。在<mat-table>标签内部，使用<ng-container>标签来定义表格的列。 - 在每一行的HTML模板中，使用
<mat-row>标签来定义表格的行。在<mat-row>标签内部，可以使用<mat-cell>标签来定义每个单元格的内容。 - 在组件的TS文件中，使用
@ViewChild装饰器来获取对<mat-table>的引用。例如，可以在组件类中添加以下代码： - 在组件的TS文件中，使用
@ViewChild装饰器来获取对<mat-table>的引用。例如，可以在组件类中添加以下代码： - 在需要获取行标签的地方，可以使用
this.table._elementRef.nativeElement来访问表格的DOM元素。通过遍历DOM元素的子节点，可以获取到每一行的标签。 - 在需要获取行标签的地方，可以使用
this.table._elementRef.nativeElement来访问表格的DOM元素。通过遍历DOM元素的子节点，可以获取到每一行的标签。 - 接下来，可以使用
rows变量来进行进一步的操作，例如获取行的属性、添加事件监听器等。
总结起来，获取Angular Material Table上的行标签可以通过以下步骤实现：导入Angular Material库和相关模块，创建表格和行的HTML模板，使用@ViewChild装饰器获取对表格的引用，通过DOM操作获取行标签。请注意，以上步骤仅适用于Angular Material Table，如果使用其他UI库或自定义表格，可能需要相应的调整。
关于Angular Material Table的更多信息和示例，可以参考腾讯云的相关产品和文档：
相关·内容
我想知道是否可以添加一个左侧列，使其包含用于定义的所有行标签**************************************************************************************
换句话说，列表示公式的结果，标签将显示如何计算数字
浏览 0提问于2018-08-29得票数 0
我想知道如何在Dart上设计一个角度材料-标签面板(和它的标签)。<material-tab-panel id="my_material_tab_panel">
<material-tab label="First Tab" class="my-material-tabs"><&
浏览 0提问于2017-10-17得票数 1
1回答
我使用导入的材料分页模块，我把资料分页的标签放在表中，我注意到，如果我在标签内更改pageSizeOptions，显示的元素数量会发生变化，但是分页器本身根本没有显示，我已经尝试将分页器设置为静态，在ngOnInit和AfterInit中对它使用setter函数，尝试获取我使用服务检索的数据大小，但不工作。Table.components.html
<table mat-table [dataSource]="dataSource" matSort #t
浏览 2提问于2022-03-25得票数 0
我想在项目中安装Angular材质库，但我在公司防火墙后面，甚至配置代理都不起作用，似乎代理阻止了某些类型的文件。有没有办法脱机安装？",
浏览 0提问于2015-11-12得票数 8
回答已采纳
2回答
这是我的剧本：angular.module('MyApp', ['ngMaterial', 'ngMessages', 'material.svgAssetsCache'])angular.module('MyApp', ['ngMaterial', 'ngMessages', 'material
浏览 1提问于2017-06-21得票数 3
回答已采纳
1回答
角度材料.标签与输入重叠
、、、、
我将Angular 6与Angular Material结合使用。我试图复制stackblitz的问题，但没有多少运气。附加屏幕截图以获取更多详细信息在console选项卡中没有列出问题。有人解决这个问题了吗？
浏览 1提问于2018-07-06得票数 1
如何在Angular Material DataTable中传递我的接口服务数据。我想呈现我的数据，而不是这个静态数组。import { Component, OnInit, ViewChild } from '@angular/core';
export interfac
浏览 22提问于2019-01-14得票数 5
回答已采纳
我正在用Angular和Native Script构建一个web应用程序和移动应用程序。我想使用Angular Material Library for the Web App以及。安装Angular后，我运行命令npm i -g @nativescript/schematics来创建一个新项目，如中所述。创建之后，我尝试使用命令ng add @angular/material安装Angular Material，
浏览 4提问于2020-08-05得票数 1
3回答
我使用npm @ type来获取类型声明文件。Webstorm识别类型定义，但是当我运行tsc时，输出如下： ], "angular",
浏览 0提问于2016-11-07得票数 2
1回答
使用ngFor在角中迭代表和标签
、、、、
我试着用几个标签的标题做几张桌子。标签标题应该是project.name。在每个project.name上，它都有表material_projects。我对如何在html中使用*ngFor进行迭代感到困惑。
<thead> <th>Proje
浏览 4提问于2017-10-12得票数 0
回答已采纳
我在使用Angular Material Table与拖放CDK和滚动功能时遇到了问题此外，不可能通过转到Table容器的底部来强制滚动。我已经在StackBlitz上复制了这个问题：
有没有人知道如何在容器的末尾强制滚动，或者如何确保滚动鼠标滚轮正常工作？
浏览 9提问于2020-03-11得票数 2
回答已采纳
1回答
上下文：该函数允许我在按上/下箭头键时，将行高亮地上下移动。问题：
为了执行(keydown)函数，我必须单击其中一个表行来设置焦点，或者通过多个项使用Tab来最终将焦点集中在表行上。 the (keydown)函数只更改行的突出显示，而不是：。因此，如果我按下箭头，下一行将高亮显示，
浏览 3提问于2019-10-11得票数 2
当使用@angular/material:table原理图时，我似乎无法异步添加行。调用this.table.renderRows()不会改变这种行为。当"works“部分明显地添加到表中(并增加分页器上的行数)时，异步添加的”不工作“只显示为在分页器行计数上增加的数字，而不是作为新行添加。复制：
ng new stackoverflow1; cd stackoverflow1Add 将ng add @angular/ma
浏览 0提问于2020-11-06得票数 0
main.dart：import 'package:angular_web_app/app_component.template.dart</my-app></html>import 'package:angular/angular</em
浏览 1提问于2018-06-26得票数 1
我正在尝试使用Angular Material md-autocomplete标签在我的表单中显示对邮政编码的建议。我正在调用一个异步服务来获取建议并填充结果。我使用了https://material.angularjs.org/latest/api/directive/mdAutocomplete上的演示代码作为参考。-- Angular Material requires Angu
浏览 20提问于2019-04-04得票数 1
回答已采纳
1回答
我试图为应该能够在任何地方导入的标签列表创建一个组件。} from '@angular/material/autocomplete';import { MatInput
浏览 3提问于2022-01-11得票数 0
回答已采纳
我用ng new创建了一个应用程序，用ng add @angular/material添加了素材。当我运行ng serve时，我没有看到在style.css中加载了材料，尽管在angular.json中有 "build": {/node_modules/@angular/material/prebuilt-themes/indigo-pink.css",我还尝试在
浏览 0提问于2019-02-16得票数 8
回答已采纳
1回答
在后台调用后，我似乎无法将数据显示在tavle上，尽管在控制台上可以看到它export class PatientsComponent implements OnInit {import {MatTableModule} from '@angular/material/table';
import {MatPaginatorModule} from '@angular/ma
浏览 5提问于2022-11-22得票数 0
6回答
如何从页眉部分中删除样式标记
、、、、
我正在使用angular js并部署了一个网站，在我的网站的头部有很多样式标签正在控制台中，就像下面的图像，我附上了我的网站控制台的快照。我不知道这些标签是从哪里来的，我如何才能从网站的头部删除这些样式标签
浏览 6提问于2017-04-27得票数 10
0回答
我在Angular 4上使用了material设计。我有一个底部有分页器的表格：有没有办法在Angular4中翻译“每页的项目”？我通过以下方式访问了这个标签在我的组件的.ts文件中，我将其放在ngOnInit()中。我也有.json文件的i18n翻译，它的结构是： "DATE": "D
浏览 13提问于2017-11-24得票数 7
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
