美文网首页
angular2.0初学习体验

angular2.0初学习体验

作者: pauljun | 来源:发表于2016-12-15 17:01 被阅读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>

相关文章

  • angular2.0初学习体验

    angular2.0中文官网网站 1、搭建本地环境 2、angular应用的基本构造块 模块 (module) 组...

  • Angular2.0—路由跳转

    Angular2.0—路由跳转 [# Angular2.0 —构建项目的流程以及使用ng-zorro 友情链接:A...

  • Angular2.0—https服务

    Angular2.0—https服务 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及...

  • Angular2.0—服务

    Angular2.0—服务 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用ng-...

  • Angular2.0—管道

    Angular2.0—管道 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用ng-...

  • Angular2.0—路由传参

    Angular2.0—路由传参 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用n...

  • Angular2.0—父子传参

    Angular2.0—父子传参 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用n...

  • Angular2.0学习笔记

    话不多说直接进入正题,学习Angular2.0首先要搭建所需要的环境。(命令行最好用管理员身份打开) 1、安装no...

  • webpack构建angular1.0!!!

    Webpack最近很热,用webapcak构建react,vue,angular2.0的文章很多,但是webpac...

  • Angular2.0 —构建项目的流程以及使用ng-zorro

    Angular2.0 —构建项目的流程以及使用ng-zorro ng-zorroy官网:https://ng.an...

网友评论

      本文标题:angular2.0初学习体验

      本文链接:https://www.haomeiwen.com/subject/ozdgmttx.html