Javascript angularjs（1.5）应用程序中的ng2组件

我正在尝试在我的angularjs（v1.5）应用程序中使用angular2组件。 使用纯js（ES6），我成功地在我的应用程序中运行了一个ng2组件，该组件具有

UpgradeAdapter

类的

DegradeNG2Component

功能

我正在使用以下代码引导我的应用程序：

var upgradeAdapter = new ng.upgrade.UpgradeAdapter();
    upgradeAdapter.bootstrap(document.getElementById("my-container"), ["MyModule"]);

而且效果很好

问题是当我尝试使用TypeScript时。 我创建了一个如下所示的组件：（pmComponent.ts）

从'@angular/core'导入{Component}；
@组成部分({
选择器：“appi”，
模板：`
你好
`
})
导出类AppComponent{
}

我的HTML看起来像：

<script>
        System.import('pmComponent.js').then(module => {
            angular.module('MyModule').directive(
                    'appi',
                    window.upgradeAdapter.downgradeNg2Component(module.AppComponent));
        }).catch(function (err) { console.error(err); });
</script>
<appi></appi>

导入（'pmComponent.js'）。然后（模块=>{
angular.module（'MyModule'）.directive(
"appi",，
window.upgradeAdapter.降级2组件（module.AppComponent））；
}).catch（函数（err）{console.error（err）；}）；

我收到了错误信息： 异常：在AppComponent上找不到指令注释

有人能帮我解决这个问题吗？

---

谢谢

你有任何回购协议来复制它吗？不幸的是我没有。我与TFS合作，项目太大，无法将其导出到外部资源。

<script>
        System.import('pmComponent.js').then(module => {
            angular.module('MyModule').directive(
                    'appi',
                    window.upgradeAdapter.downgradeNg2Component(module.AppComponent));
        }).catch(function (err) { console.error(err); });
</script>
<appi></appi>