我正在设置一个我希望其他项目使用的库。 我正在尝试将配置文件传递给我已定义的模块:
@NgModule({
declarations: [ImageComponent],
imports: [CommonModule],
})
export class ImagesModule {
static forRoot(config: ImagesConfig): ModuleWithProviders<ImagesModule> {
return {
ngModule: ImagesModule,
providers: [{ provide: ImagesConfig, useValue: config }],
};
}
}
export class ImagesConfig {
cloudName: string;
}
这看起来还可以,但是现在我想在实际模块中使用 cloudName ,如下所示:
@NgModule({
declarations: [ImageComponent],
imports: [
CommonModule,
CloudinaryModule.forRoot(Cloudinary, {
config.cloudName,
}),
],
})
export class ImagesModule {
static forRoot(config: ImagesConfig): ModuleWithProviders<ImagesModule> {
return {
ngModule: ImagesModule,
providers: [{ provide: ImagesConfig, useValue: config }],
};
}
}
export class ImagesConfig {
cloudName: string;
}
这可能吗?如果是这样,我该怎么办?
我已经这样创建了模块:
import { ModuleWithProviders, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ImageComponent } from './image.component';
import { CloudinaryModule } from '@cloudinary/angular-5.x';
import * as Cloudinary from 'cloudinary-core';
import { ImagesConfig } from './images-config';
import { IMAGES_CONFIG } from './images-config.token';
@NgModule({
declarations: [ImageComponent],
imports: [CommonModule],
})
export class ImagesModule {
static forRoot(config: ImagesConfig): ModuleWithProviders<ImagesModule> {
return {
ngModule: ImagesModule,
providers: [
{ provide: IMAGES_CONFIG, useValue: config },
...CloudinaryModule.forRoot(Cloudinary, {
cloud_name: config.cloudName,
}).providers,
],
};
}
}
images-config.ts 和 images-config.token.ts 分别如下所示:
export interface ImagesConfig {
cloudName: string;
}
和
import { InjectionToken } from '@angular/core';
export const IMAGES_CONFIG = new InjectionToken('IMAGES_CONFIG');
当我尝试在 public-api.ts 中使用时:
/*
* Public API Surface of situ-angular-components
*/
export * from './lib/images/images-config';
export * from './lib/images/images.module';
所有这些都可以编译,但是如果我尝试构建库,则会出现此错误:
不幸的是,@ yurzui提供的答案似乎无效。 如果我将模块更改为此:
@NgModule({
declarations: [ImageComponent],
imports: [
CommonModule,
CloudinaryModule.forRoot(Cloudinary, { cloud_name: 'demo' }),
],
})
export class ImagesModule {}
构建我的库,它可以工作。 如果我这样做:
@NgModule({
declarations: [ImageComponent],
imports: [CommonModule],
})
export class ImagesModule {
static forRoot(config: ImagesConfig): ModuleWithProviders<ImagesModule> {
return {
ngModule: ImagesModule,
providers: [
{ provide: IMAGES_CONFIG, useValue: config },
...CloudinaryModule.forRoot(Cloudinary, {
cloud_name: config.cloudName,
}).providers,
],
};
}
}
当我尝试构建库时,出现错误提示:
如果“ cl-image”是Angular组件,请验证它是否属于此模块。
我正在 ImageComponent 中使用 cl-image 。
答案 0 :(得分:3)
您可以尝试以下操作:
<template>
<wrapper :prop1="false" :prop2="true" />
...
</template>