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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 组件基础 组件用来包装特定的功能,应用程序的有序运行依赖于组件之间的协同工作。组件是angular应用的最小逻辑单...
    oWSQo阅读 1,397评论 0 0
  • 模板表达式“{{}}”不能引用任何全局命名空间中的成员(如:window、document等等)的原因: 我想原因...
    科研者阅读 999评论 2 4
  • 余生,种一满园木槿花,感受花开瞬间时间的变化! 余生,为自己倾注一杯茶,感受杯中四季的变化! 余生,还有多久,不能...
    行走的水瓶座阅读 252评论 0 0
  • 如果努力了,还是到不了要去的远方,我要怎么办?
    维C牛肉粒阅读 132评论 0 0
  • 靠璞刺青阅读 247评论 1 2