将Angular6组件集成到angularjs模板中
我正在尝试将Angular6组件集成到AngularJs模板中。我正在处理的不是根应用程序。它用作根应用程序的库。我已经创建了app.ts,如下所示将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-
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