Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将Angular6组件集成到angularjs模板中_Angularjs_Angular_Ng Upgrade - Fatal编程技术网

将Angular6组件集成到angularjs模板中

将Angular6组件集成到angularjs模板中,angularjs,angular,ng-upgrade,Angularjs,Angular,Ng Upgrade,我正在尝试将Angular6组件集成到AngularJs模板中。我正在处理的不是根应用程序。它用作根应用程序的库。我已经创建了app.ts,如下所示 import * as angular from 'angular'; import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { BrowserModule } from '@angular/platform-

我正在尝试将Angular6组件集成到AngularJs模板中。我正在处理的不是根应用程序。它用作根应用程序的库。我已经创建了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指令中。据我感觉,我已经仔细阅读了。我认为,一旦我将TestComponent注册到NgModule中,它应该被正确地合并到应用程序中,但事实证明并非如此。如果有人有类似的经历,你能分享一下吗?如果您需要更多信息,我可以添加尽可能多的信息

我遇到了以下错误,有人遇到过同样的情况吗?:)


如果你看到上面的代码,有一个降级部分,降级组件。我不认为我们真的需要使用降级模块,我有不同的库,以完全相同的方式将Angle component降级为angularjs指令,没有任何问题。我的理解是注入器工作不正常,angularjs有根注入器。。无论如何,一定是出了什么问题,因为我犯了上面的错误。你找到解决办法了吗?
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