angularjs - Angular 2 安装问题

Question

我正在尝试让 Angular 2 应用正常运行，但升级适配器出现了一些问题。

这是我的代码:

启动.ts

/// <reference path="..\..\typings\main.d.ts" />

import {bootstrap}    from 'angular2/platform/browser' 
import {UpgradeAdapter} from 'angular2/upgrade';
export const upgradeAdapter = new UpgradeAdapter();
import {AppComponent} from './app.component';
bootstrap(AppComponent);


angular.module('app', []).directive('myApp', upgradeAdapter.downgradeNg2Component(AppComponent));

当我尝试使用 typescript gulp 操作编译这段代码时，它抛出以下异常。

gulp:src\app\boot.ts(11,46):错误 TS2345:“函数”类型的参数不可分配给“any[]”类型的参数。在行:1 字符:1+ gulp 编译-ts+ ~~~~~~~~~~~~~~~ + 类别信息:未指定:(src\app\boot.ts...f type 'any[]'.:String) [], RemoteException + FullyQualifiedErrorId : NativeCommandError

“Function”类型中缺少属性“push”。

现在，如果我像这样在 boot.ts 中手动创建指令，则不会发生错误。

angular.module('app', []).directive('tabsPane', TabsPane);


function TabsPane(itemTabs) {

    return {
        restrict: 'E'
    };


}

很明显，upgradeAdapter.downgradeNg2Component(AppComponent) 中发生了一些事情，但我不知道是什么。

在 downgradeNg2Component 返回“any”和 directive() 期待 IDirectiveFactory 之间似乎只有一个类型问题，但这是来自 angular 2 示例的确切格式，所以我不知道还能尝试什么。

有什么想法吗？谢谢。

Answer 1

使用以下代码修复它。

angular.module('app', []).directive('myApp', <angular.IDirectiveFactory>adapter.downgradeNg2Component(AppComponent) );