將多個服務注入 Angular 庫

Question

我制作了一個角度庫，我正在嘗試將幾個服務和常量文件導入到庫中。 但是，當我構建時，我收到錯誤消息，即服務和常量文件應位於庫的“rootDir”下。 有沒有關於我們如何將主應用程序 src 文件夾下的這些文件導入庫並成功構建它的解決方案/方法？

Answer 1

如果你想從應用程序注入一些東西到你的庫，這樣做：

export class LibraryModule {
  static forRoot(config: any): ModuleWithProviders {
    return {
      ngModule: LibraryModule,
      providers: [{provide: 'config', useValue: config}]
    };
  }
}

然后像這樣使用注入的類：

@Component({
  selector: 'app-test',
  templateUrl: './app-test.component.html',
  styleUrls: ['./app-test.component.css']
})
export class AppTestComponent implements OnInit {
  constructor( @Inject('config') config) {
   // use the injected 
 }
}

如何在應用程序模塊中啟用注入：

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
@NgModule({
  imports:      [ BrowserModule, LibraryModule.forRoot(supposeToInject)  ],
  providers:    [ Logger ],
  declarations: [ AppComponent ],
  exports:      [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

Answer 2

你必須確保你的服務用下面的裝飾

@Injectable({providedIn: 'root'})