angular2.0初学习体验

angular2.0中文官网网站

1、搭建本地环境

  //打开git base命令行
  cd f
  mkdir angular
  cd angular

  //克隆或者用git工具TortoiseGit工具
  git clone https://github.com/angular/quickstart.git quickstart
  cd quickstart
  npm install

  //运行
  npm start

2、angular应用的基本构造块

<li>模块 (module)
<li>组件 (component)
<li>模板 (template)
<li>元数据 (metadata)
<li>数据绑定 (data binding)
<li>指令 (directive)
<li>服务 (service)
<li>依赖注入 (dependency injection)

NgModule是一个装饰器函数，它接收一个用来描述模块属性的元数据对象。其中最重要的属性是：

<ul>
<li>declarations - 声明本模块中拥有的视图类。 Angular 有三种视图类：组件、指令和管道。
<li>exports - declarations 的子集，可用于其它模块的组件模板。
<li>imports - 本模块声明的组件模板需要的类所在的其它模块。
<li>providers - 服务的创建者，并加入到全局服务列表中，可用于应用任何部分。
<li>bootstrap - 指定应用的主视图（称为根组件），它是所有其它视图的宿主。只有根模块才能设置bootstrap
属性。
</ul>