我试图使用下面的代码来引导我的应用程序 boot.ts
文件:
import {bootstrap} from 'angular2/platform/browser'
import {ROUTER_PROVIDERS} from 'angular2/router'
import {AppComponent} from './app.component'
bootstrap(AppComponent,[ROUTER_PROVIDERS]);
效果很好。
现在我想尝试添加导入的 Google map angular2-google-maps
包,创建了一个 map.component.ts
文件并将其添加到路由器映射(在 app.component.ts
文件中定义)。
对于上述包,import {bootstrap} from '@angular/platform-browser-dynamic';
用于plunker code (作为起始代码提供)。
现在,如果我添加<map>
, map 就会显示我的 index.html
中的选择器页。
我希望它遵循之前定义的路由。
引导也会发生两次(一次针对 AppComponent
,一次针对 Map
)
如何正确引导 map 组件,以便仅在主应用程序中进行引导?
@angular
之间有什么区别?和angular2
包以及何时使用它们?
最佳答案
@Angular
适用于 RC(候选发布)版本,Angular2
适用于 Beta 版本。
例如,在 RC 版本中,angular2/core
变为 @angular/core
。您还可以注意到 SystemJS 配置有所不同,因为您没有捆绑的 JS 文件。
现在您需要将 Angular2 模块配置到 SystemJS 配置的映射和包 block 中。请参阅此链接了解更多详细信息:
关于javascript - 何时在 Angular 2 中使用 @angular 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37704027/