Angularjs 使用降级模块创建角度混合应用程序

我想将Angular JS应用程序升级为使用Angular（2+），为此我想使用

DegradedModule

：

app.module.js（角度js模块）

app.module.ts（角度模块）

当我运行

npm start

时，它表示未定义

angular

，并指向app.module.js文件中的

angular.module（'app'），…

行。如果我转到唯一一个包含angular js和angular组件的页面，我不会得到任何错误，但该页面没有显示任何内容

如果我尝试使用

UpgradeModule

进入app.module.ts文件，如下所示：

ngDoBootstrap() {
    this.upgrade.bootstrap(document.documentElement, ['app'], {
      strictDi: false
    });
  }

应用程序正在工作，但我在浏览器的控制台中发现一个错误：

错误：[$rootScope:inprog]$digest已在进行中

。我理解，如果我使用

降级模块

，这可以避免，正如我所解释的，该模块目前不起作用

我是否需要做其他事情来引导应用程序，或者有什么问题？谢谢

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { UpgradeModule, setAngularLib } from '@angular/upgrade/static';
import { AppRoutingModule } from './app-routing.module';

import angular from 'angular';
import { MyComponent} from './example-components/my-component.component';

setAngularLib(angular);

@NgModule({
  imports: [
    BrowserModule,
    UpgradeModule,
    AppRoutingModule
  ],
  declarations: [
    MyComponent
  ],
  entryComponents: [
    MyComponent
  ]
})
export class AppModule {
  constructor(private upgrade: UpgradeModule) { }

  ngDoBootstrap() {}
}

ngDoBootstrap() {
    this.upgrade.bootstrap(document.documentElement, ['app'], {
      strictDi: false
    });
  }