在Angular2中config.js的作用是什么?

时间:2015-11-30 09:45:38

标签: angular typescript

plnkr

我正在学习angular2(我确实有angular1背景)。在学习Angular2时,我遇到了上面提到的例子。

1)我不了解config.js的用法。而且,我想知道" map" config.js中使用的对象。

2)我一直试图出口"朋友"用friend.ts文件写的模块。但不知怎的,我无法导出它,或者我不知道如何导出它。看下面的代码,

app.ts

import {bootstrap, Component, CORE_DIRECTIVES} from 'angular2/angular2'
import {FirstComponent} from './first'
@Component({
  selector: 'my-app',

 template:"<div>Hello Angular2</div>"
})
class AppComponent { }

bootstrap(AppComponent);

first.ts

import {bootstrap, Component, CORE_DIRECTIVES} from 'angular2/angular2';

export FirstComponent{

  console.log("FirstComponent exported");
}

你的小指导会教会我很多关于angular2的事情。

1 个答案:

答案 0 :(得分:1)

1)'config.js'中的地图对象用于根据当前模块位置将模块替换为另一个模块,如别名。

地图的作用在这里很好地解释:http://requirejs.org/docs/api.html#config-map

2)我认为问题在于您未指定 关键字。因为组件基本上是一个类。

要告诉编译器您正在创建组件,您还必须使用Component装饰器修饰该类。

export class FirstComponent { ... }