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

时间:2016-06-08 13:33:28

标签: javascript google-maps angular angular2-routing

我尝试使用以下代码在import {bootstrap} from 'angular2/platform/browser' import {ROUTER_PROVIDERS} from 'angular2/router' import {AppComponent} from './app.component' bootstrap(AppComponent,[ROUTER_PROVIDERS]); 文件中引导我的应用程序:

angular2-google-maps

工作得很好。

现在我想尝试添加谷歌地图以便导入map.component.ts包,创建一个app.component.ts文件并将其添加到路由器映射(在import {bootstrap} from '@angular/platform-browser-dynamic';文件中定义)。

对于上述套餐,<map>plunker code中使用(作为入门代码提供)。

现在,如果我在index.html页面中添加AppComponent选择器,则会显示地图。

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

Bootstrapping也会发生两次(Map一次,@angular一次)

如何正确引导地图组件,以便只为主应用程序发生引导?

angular2[EnableCors(origins: "http://yourdomain", headers: "*", methods: "*")] 包之间有什么区别以及何时使用它们?

2 个答案:

答案 0 :(得分:4)

@angular适用于RC(候选版本)版本,angular2适用于测试版。

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

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

答案 1 :(得分:1)

对于beta.x之后的Angular2版本,这是新的,因此=> Angular2 RC.0

版本<= Angular2 beta.x使用angular2