如何刮取 Angular 元件

Question

我正在尝试抓取 Angular 中内置的 web 页面。 我所追求的信息格式如下：

<mat-row class="mat-row ng-star-inserted" role="row">
    <mat-cell class="mat-cell cdk-column-Players mat-column-Players ng-star-inserted" role="gridcell">
        <a href="users/205101">Federer, Roger</a>
    </mat-cell>
</mat-row>

我想得到链接中的名字，“费德勒，罗杰”，所以我尝试了：

doc = Nokogiri::HTML(open(SITE))
doc.css('mat-row')

并且一无所获。

我还尝试使用以下方法从 Chrome 浏览器工具中复制完整的 XPath：

doc.xpath("//html/body/usq-club-locker-app/usq-team-profile/usq-profile/section/div/div[4]/mat-card/mat-tab-group/div/mat-tab-body[4]/div/div/div/mat-table/mat-row[1]/mat-cell[1]")

但也没有结果。

我如何告诉 Nokogiri 找到具有指定 class 的所有mat-row元素？