使用带有pageScroll属性的ngFor循环时链接不起作用

Question

我使用ng2-page-scroll包来平滑滚动锚点跳转。使用带有ngFor循环的pageScroll属性时，链接不起作用。我认为因为href属性已被ng-reflect-href替换。

源代码：

<a *ngFor="let section of sections" pageScroll [pageScrollOffset]="50" [pageScrollDuration]="300" [href]="'#'+section.sectionName">{{section.sectionName}}</a>

输出：

<a _ngcontent-c1="" pagescroll="" ng-reflect-href="#PATIENT IDENTIFICATION" ng-reflect-page-scroll-offset="50" ng-reflect-page-scroll-duration="300" ng-reflect-page-scroll="">PATIENT IDENTIFICATION</a>

如果我删除了pageScroll属性，链接就会正常运行。

源代码：

<a *ngFor="let section of sections" [href]="'#'+section.sectionName">{{section.sectionName}}</a>

输出：

<a _ngcontent-c1="" href="#PATIENT IDENTIFICATION">PATIENT IDENTIFICATION</a>

Answer 1

我错过了检查明显的事情。页面上缺少滚动目标<div id="patientIdentification">，这就是链接无法正常工作的原因。