当使用ngFor循环和pageScroll属性时链接不工作

Question

我使用ng2-page-scroll包进行平滑滚动锚点跳转。在使用ngFor循环的页面滚动属性时，链接不起作用。我想因为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">，这就是链接无法正常工作的原因。