Question

我正在尝试在我的应用程序中使用ng2-page-scroll。我收到错误，如＃34;没有PageScrollService的提供者！＆＃34;。请找到以下代码，

＆＃13;

import { Component } from '@angular/core';
import { PageScrollService, Ng2PageScrollModule } from 'ng2-page-scroll'

@Component({
  selector: 'my-app',
  template: `
  <div id='start' style='height: 1000px;'>
  <h1>Hello Angular</h1> <br>
  </div>
  <h1> Completed </h1>
  <a pageScroll [pageScrollDuration]="2000" href="#start"> click </a>
    `,
})
export class AppComponent  { name = 'Angular'; 

 

}

＆＃13;

我也在app模块中导入了这个PageScrollService。请尝试解决此问题。

Answer 1

您需要导入并在您的根模块（即：AppModule）中调用Ng2PageScrollModule的forRoot方法，以便提供服务并从任何地方使用它。

import {Ng2PageScrollModule} from 'ng2-page-scroll/ng2-page-scroll';
@NgModule({
  imports: [
    /* Other imports here */
    Ng2PageScrollModule.forRoot()
  ]
})
export class AppModule {}

没有PageScrollService ng2-page-scroll的提供者

1 个答案: