Получение загруженного пользовательского интерфейса AngularJS для отображения в Angular 5

Question

Я пытаюсь использовать ui-маршрутизатор AngularJs в приложении Angular 5, однако представления не загружаются.Ниже приведен код для app.module.ajs.ts (приложение angularJS) и код для app.module.ts (приложение angular 5).В app.module.ajs.ts я могу видеть console.log («Hello world») в функции config, но не шаблон, когда я иду по маршруту /home.

app.module.ajs.ts:

import * as angular from "angular";
import "angular-route";
import uiRouter from "@uirouter/angularjs";

const MODULE_NAME = "scotchApp";
var scotchApp = angular.module(MODULE_NAME, [uiRouter]);

scotchApp.config(['$stateProvider', '$urlRouterProvider', '$locationProvider',function(
    $stateProvider,
    $urlRouterProvider,
    $locationProvider
) {
    console.log('hello World')
    $locationProvider.hashPrefix("");
    $urlRouterProvider.otherwise("/home");
    $stateProvider.state("home", {
        url: "/home",
        template: "<h1>Hell World</h1>"
    });
}]);

export default MODULE_NAME;

app.module.ts:

import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { UpgradeModule } from "@angular/upgrade/static";

import moduleName from './app.module.ajs';

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

    ngDoBootstrap() {
        this.upgrade.bootstrap(document.body, [moduleName], {
            strictDi: true
        });
    }
}