我尝试使用以下代码在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: "*")]
包之间有什么区别以及何时使用它们?
答案 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