angular - ?如何将新的路由器依赖添加到Angular2项目

Question

我在https://angular.io/上关注了入门应用程序：'Learn in 5 mins' 。我想开始尝试使用“新”路由器，但是当我这样做时：

import {...} from 'angular2/router';

我得到一个：

 error TS2307: Cannot find external module 'angular2/router'.

我能否以类似于安装 angular2 的方式添加此依赖项。即，类似于：

tsd query angular2 --action install

Answer 1

tsd install will only add the type definition files used by TypeScript.

I don't believe the 5 minute demo is setup for using the router yet. If you need a quick fix, add a link to the router code <script src="https://code.angularjs.org/2.0.0-alpha.28/router.dev.js"></script> with a matching version number.

Perhaps a better alternative would be using one of the many angular 2 boilerplates out there. There isn't much sense in approaching the setup learning curve as it will be greatly simplified after Angular leaves alpha.

Answer 2

您收到此错误是因为 angular2/router 模块未在您的tsd.d.ts文件中被拒绝。你可以通过这些方法摆脱这个错误。

1 个用于安装类型的命令并在 tsd.d.ts 文件中添加为您的参考。

tsd install angular2/router --save

2. 或者您可以添加指向路由器代码的链接

   <script src="https://code.angularjs.org/2.0.0-alpha.37/router.dev.js"></script>

我希望通过遵循这个你可以解决你的问题。

Answer 3

您需要角度路由器定义。我使用 来自angular2 -webpack-starter 的 ng2.d.ts解决了这个问题

Answer 4

从 Angular 2.0 alpha 30 开始，使用路由器更容易以下是如何使用它的示例：http ://www.syntaxsuccess.com/viewarticle/routing-in-angular-2.0

Answer 5

路由器包含在其自己的单独包中

tsd install angular2/router --save

要导入使用：

import { 
    ROUTER_DIRECTIVES,
    ROUTER_PROVIDERS,
    RouteConfig,
} from 'angular2/router';

ROUTER_DIRECTIVES被添加到您的@View.directives财产中。它包括RouterLink和RouterOutlet类。

RouteConfig需要将@RouteConfig装饰器添加到您的组件。

ROUTER_PROVIDERS需要引导您的路由器。它包括 RouteConfig （即您定义的路线）并设置PathLocationStrategy为您的 default LocationStrategy。

前任。

bootstrap(App, [
    ROUTER_PROVIDERS,
]);