何时在 Angular 2 中使用 @angular 标签？

Question

我试图 bootstrap 我的应用程序在 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）

如何正确 bootstrap 地图组件，以便 bootstrapping 仅对主应用程序发生？

此外 @angular 和 angular2 包之间有什么区别以及何时使用它们？

Answer 1

这是 beta.x 之后的 Angular2 版本的新增内容，因此 => Angular2 RC.0

版本 <= Angular2 beta.x 使用 angular2

Answer 2

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

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

现在您需要将 Angular2 模块配置到 SystemJS 配置的映射和包块中。有关详细信息，请参阅此 link：

https://angular.io/guide/quickstart

何时在 Angular 2 中使用 @angular 标签？

When to use @angular tags in Angular 2?

javascript

google-maps

angular2-routing

angular