интеграция компонента angular 6 в шаблон angularjs - PullRequest
Новая
       32

интеграция компонента angular 6 в шаблон angularjs

0 голосов
/ 17 января 2020

Я пытаюсь интегрировать Angular 6 компонент в шаблон AngularJs. То, над чем я работаю, это не приложение root. Он используется в качестве библиотеки для приложения root. Я создал app.ts как показано ниже. 

import * as angular from 'angular';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { UpgradeModule } from '@angular/upgrade/static';
import { downgradeComponent } from '@angular/upgrade/static';
import { TestComponent } from './test.component';

export const angularjsModule = angular.module('angularjs-module', [
    'angularjs.directives'
]).directive('testComponent', downgradeComponent({
    component: TestComponent
}) );

@NgModule({
        declarations: [
            TestComponent
        ],
        imports: [
            BrowserAnimationsModule,
            BrowserModule,
            CommonModule,
            UpgradeModule
        ],
        exports: [
        ],
        providers: [
        ],
        bootstrap: [],
        entryComponents: [TestComponent]
    })

    export class AngularModule{}

Используя вышеупомянутые app.ts, я добавил TestComponent () в шаблон angularjs. TestComponent - это очень простой компонент, который имеет только один элемент div. Но я не вижу, чтобы TestComponent был интегрирован в директиву angularjs в инструменте разработчика. Насколько я чувствую, я внимательно прочитал https://angular.io/guide/upgrade. И я думаю, что как только я зарегистрирую TestComponent в NgModule, он должен быть правильно включен в приложение, но это не так. Если у кого-то есть подобный опыт, можете поделиться им? Если вам нужна дополнительная информация, я могу добавить как можно больше информации.

Я столкнулся со следующей ошибкой, кто-нибудь сталкивался с такой же ситуацией? :) 

Unhandled Promise rejection: [$injector:modulerr] Failed to instantiate 
module $$UpgradeModule due to:
Error: [$injector:modulerr] Failed to instantiate module ng.shell.main due 
to:
Error: [$injector:modulerr] Failed to instantiate module ort due to:
Error: [$injector:modulerr] Failed to instantiate module undefined due to:
Error: [ng:areq] Argument 'module' is not a function, got undefined
...