码迷,mamicode.com
首页 > 其他好文 > 详细

angular2 学习

时间:2017-10-13 17:57:57      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:project   单元素   cnpm   -name   put   ons   html   registry   href   

一,angular2脚手架搭建

  1,安装node 

  2,安装淘宝镜像 

   npm install -g cnpm --registry=https://registry.npm.taobao.org

  3,搭建angular脚手架

   cnpm install -g @angular/cli

  4,查看angular版本信息

    ng -v

  5,创建ng新项目

    ng new project-name

    cd project-name

    ng serve

二:ng指令

  1,ng-init  初始化  

  2,ng-model 用于表单元素,支持双向绑定,对普通元素绑定无效

  3,ng-bind 用于普通元素,不能用于表单元素,应用程序单向渲染数据到元素

  4,input框绑定数值 <input   value="{{name}}"

  5,ng-repeat 数组循环  

  6,ng-app 连接代码模块 定义angular应用程序根元素

  7,app.directive 添加自定义指令

  8,ng-show  控制显示隐藏

  9,ng-options 创建select下拉选择框

  10,ng-click  事件绑定

  11,ng-disabled  button按钮禁用

  12,ng-include  指令来包含 HTML 内容

  

   

angular2 学习

标签:project   单元素   cnpm   -name   put   ons   html   registry   href   

原文地址:http://www.cnblogs.com/shmily-code/p/7662238.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!