0
点赞
收藏
分享

微信扫一扫

Web基础系列四、Angular JS


简介

Angular JS(以下简称AJ)是一个JavaScript(以下简称JS)框架,通过script标签添加到页面中
​​​<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>​

  1. 指令系统:AJ通过指令​​ng-directives​​扩展了HTML.
  2. 双向数据绑定:通过指令​​ng-model​​和表达式绑定数据到HTML.
  3. 模块化:通过​​ng-app​​​、​​ng-controller​​​、​​ng-model​​实现MVC.

正题

  1. AJ表达式
  • 写在​​{{ ... }}​​内
  • 类似JavaScript表达式,可以包含文字、运算符和变量
  • AJ的数字类似JS的数字
  • AJ的字符串类似JS的字符串
  • AJ的对象类似JS的对象
  • AJ的数组类似JS的数组
  • AJ的表达式和JS也有区别
  • AJ表达式可写在HTML中
  • AJ表达式不支持条件判断、循环和异常
  • AJ表达式支持过滤器​​filter​
  1. AJ指令
  • AJ通过指令扩展HTML属性,并可以自定义指令
  • ​ng-app​​:初始化一个AJ应用
  • ​ng-init​​:初始化应用程序数据,不常用,常用控制器或模块替代
  • ​ng-model​​:绑定元素值到应用程序
  • 为应用程序数据提供类型验证(number、email、required)
  • 为应用程序数据提供状态(invalid、dirty、touched、error)
  • 为HTML元素提供CSS类
  • 绑定HTML元素到HTML表单
  • ​ng-repeat​​:重复HTML元素(数组、对象等)
  • ​ng-controller​​​:
    待续。。。。。。。。。。


举报

相关推荐

0 条评论