angular2学习(2)

写一个Angular2的Hello World应用

一、引入Angular2预定义类型

       import {Component,View,bootstrap} from "angular2/angular2";

import是ES6的关键字，用来从模块中引入类型定义。 在这里，我们从angular2模块库中引入了三个类型： Component类、View类和bootstrap函数。

二、实现一个angular2组件（定义一个类，然后给这个类添加注解）

@Component({selector:"hello-app"})@View({template:"<h1>Hello Wrold</h1>"})@class HelloApp{}

1.class是ES6关键字，用来定义一个类；
2.@Component和View都是给类（hello-app）附加的云信息，被称为注解/Annotation
  @Component通过selector属性（值为CSS选择符），指定这个组件渲染到哪个DOM对象上。
  @View通过template属性指定渲染的模板。

三、渲染组件到DOM

将组件渲染到DOM上，需要使用自举/bootstrap函数：

bootstrap(HelloApp);

这个函数的作用就是通知Angular2框架将HelloApp组件渲染到DOM树上