используя сборник рассказов для гибридного углового приложения - PullRequest
Новая
       37

используя сборник рассказов для гибридного углового приложения

0 голосов
/ 28 октября 2019

Я пытаюсь использовать сборник рассказов с моим гибридным (Angular + angularjs) приложением. 

import { AjsJsDirective } from './ajs-js.directive';
import { Component } from '@angular/core';
import { storiesOf, moduleMetadata } from '@storybook/angular';
import { TestChangesComponent } from './test-changes/test-changes.component';
import { UpgradeModule, setAngularJSGlobal } from '@angular/upgrade/static';
import * as angular from 'angular';

setAngularJSGlobal(angular);

@Component({
  template: `<app-ajs-js-directive></app-ajs-js-directive>`
})
class HybridWrapperComponent{}

storiesOf('Test', module)
  .addDecorator(
    moduleMetadata({
      declarations: [
        HybridWrapperComponent,
        AjsJsDirective,
        TestChangesComponent
      ],
      imports: [
        UpgradeModule
      ],
      providers: [
        {
          provide: '$scope',
          useExisting: '$rootScope'
        }
      ]
    })
  )
  .add('test angular', () => ({
    component: TestChangesComponent,
  }))
  .add('test hybrid', () => ({
    component: HybridWrapperComponent,
  }));

Мой компонент Angular работает. Но мой компонент angularjs не работает с:

HybridWrapperComponent.html: 1 Ошибка ОШИБКИ: Попытка получить инжектор AngularJS, прежде чем он будет установлен. 

at injectorFactory (static.js:893)
at _callFactory (core.js:20295)
at _createProviderInstance (core.js:20253)
at resolveNgModuleDep (core.js:20214)
at NgModuleRef_.push../node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:20904)
at Object.resolveDep (core.js:21275)
at Injector_.push../node_modules/@angular/core/fesm5/core.js.Injector_.get (core.js:20763)
at new UpgradeHelper (static.js:1122)
at new UpgradeComponent (static.js:1440)
at new AjsJsDirective (ajs-js.directive.ts:12)

Я понимаю, чтоэта часть отсутствует: 

@NgModule({...})
export class AppModule {
  constructor(
    private upgrade: UpgradeModule
  ) {
    this.upgrade.bootstrap(document.body, ['ajs'], { strictDi: true });
  }
 }

Но как мне добавить ее в модуль сборника рассказов?

Был ли у вас опыт использования сборника рассказов для угловых гибридных приложений?

Приветствия

PS Как погода? Переполнение стека хочет больше текста, который не является кодом ...

...