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

【问题标题】：When to use @angular tags in Angular 2? [duplicate]何时在 Angular 2 中使用 @angular 标签？ [复制]
【发布时间】：2016-10-08 19:29:06
【问题描述】：

我试图使用boot.ts 文件中的以下代码引导我的应用程序：

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 文件中定义）。

对于上面的包，import {bootstrap} from '@angular/platform-browser-dynamic'; 用于plunker code（作为起始码提供）。

如果我在index.html 页面中添加<map> 选择器，现在地图就会显示。

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

引导也发生了两次（一次用于AppComponent，一次用于Map）

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

还有@angular 和angular2 包之间的区别以及何时使用它们？

【问题讨论】：

标签： javascript google-maps angular angular2-routing

【解决方案1】：

这是 beta.x 之后的 Angular2 版本的新功能，因此 => Angular2 RC.0

版本<= Angular2 beta.x使用angular2

【讨论】：

【解决方案2】：

@angular 用于 RC（候选发布）版本，angular2 用于测试版本。

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

现在您需要将 Angular2 模块配置到您的 SystemJS 配置的 map 和 packages 块中。有关详细信息，请参阅此链接：

https://angular.io/guide/quickstart

【讨论】：

那么，我将不得不将 plunker 代码转换为 Angular RC 版本？
还有/platform/browser和platform-browser-dynamic有什么区别吗？
您应该只引导一次。一个用于 AppComponent。地图组件将在此组件中使用，而不是在index.html 文件中使用...是的，您需要使用 RC 版本。
bootstrap 函数由@angular/platform-browser-dynamic 模块提供