Как реализовать JSON Schema Faker с Angular 4 и выше

Question

Можно ли использовать JSON Schema faker в качестве сторонней зависимости в Angular.Я пытался использовать внедрение зависимостей в Angular, однако в провайдерах я не могу импортировать jsonSchemaFaker.

angular.json

"scripts": [
    "./node_modules/json-schema-faker/dist/json-schema-faker.bundle.min.js"
]

jsonSchemaFaker.service.ts

import { InjectionToken } from '@angular/core';
export const JSF_Token = new InjectionToken ('jsonSchemaFaker');

app.module.ts

providers: [
    { provide: JSF_Token, useValue: jsf }
]

...

declare let jsf: any;

Это то, что я пытался внедрить в свою зависимость от фейкера схемы json как зависимого приложения. Я являюсьполучение .. Uncaught ReferenceError: jsf не определен

Answer 1

Мне пришлось изменить своих провайдеров и объявление на

providers: [
    { provide: JSF_Token, useValue: JSONSchemaFaker }
]

declare let JSONSchemaFaker: any;

Причина: глобальное имя для JSON Schema Faker, упомянутое в этой библиотеке, - "JSONSchemaFaker".С моей стороны было ошибкой объявить его как jsf.

Answer 2

Это не то, как вы используете пакеты npm в угловом приложении.

Прежде всего, перейдите в каталог вашего package.json в вашем приложении и установите пакет:

npm install json-schema-faker

Затем внутри ваших компонентов или сервисов используйте его следующим образом:

// at the top of your file, next to other imports
import jsf from 'json-schema-faker';

// json-schema-faker is now available in the rest of your file as jsf

// you can, for example, have a service method that returns that:
jsf.generate({type: 'string'})