何时在 Angular 2 中使用 @angular 标签？ [复制]

我试图使用下面的代码来引导我的应用程序boot.ts file:

import {bootstrap}    from 'angular2/platform/browser'
import {ROUTER_PROVIDERS} from 'angular2/router'

import {AppComponent} from './app.component'

bootstrap(AppComponent,[ROUTER_PROVIDERS]);

效果很好。

现在我想尝试添加导入的 Google 地图angular2-google-maps包，创建了一个map.component.ts文件并将其添加到路由器映射（在app.component.ts file).

对于上面的包，import {bootstrap} from '@angular/platform-browser-dynamic';用于笨蛋代码 http://plnkr.co/edit/YX7W20?p=preview（作为起始代码提供）。

现在如果我添加一个地图就会显示<map>我的选择器index.html page.

我希望它遵循之前定义的路由。

引导程序也会发生两次（一次是为了AppComponent并一次为Map)

如何正确引导地图组件，以便引导仅发生在主应用程序中？

还有什么区别@angular and angular2包以及何时使用它们？

@angular适用于 RC（候选发布）版本并且angular2对于测试版。

例如，在 RC 版本中，angular2/core变成@angular/core。您还可以注意到 SystemJS 配置有所不同，因为您没有捆绑的 JS 文件。

现在您需要将 Angular2 模块配置到 SystemJS 配置的映射和包块中。请参阅此链接了解更多详细信息：

• https://angular.io/guide/quickstart https://angular.io/guide/quickstart