當使用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">，這就是鏈接無法正常工作的原因。