AngualrJS是 JavaScript框架。

<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

AngularJS扩展了html

AngularJS通过ng-directives扩展了html:比如:

ng-app指令定义了一个angular的应用程序。

ng-model指令把元素值绑定到应用程序。

ng-bind指令把应用程序数据绑定到html视图。

什么是 AngularJS?

AngularJS 使得开发现代的单页面应用程序(SPAs:Single Page Applications)变得更加容易。

  • AngularJS 把应用程序数据绑定到 HTML 元素。
  • AngularJS 可以克隆和重复 HTML 元素。
  • AngularJS 可以隐藏和显示 HTML 元素。
  • AngularJS 可以在 HTML 元素"背后"添加代码。
  • AngularJS 支持输入验证。

AngularJS 表达式

  AngularJS 表达式写在双大括号内:{{ expression }}。

  AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。或用{{}}或用ng-bind

  AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}

  <div ng-init="x=1;y=5">
            <p>总价:{{x*y}}</p>    
            <p ng-bind="x*y"></p>
      </div>

  带有对象的表达式、带有数组的表达式……

  <div ng-init="person={name:'li',age:'18'}">
            {{person.age}}
        </div>

AngularJS 过滤器

  currency 格式化数字为货币格式。

  filter 从数组项中选择一个子集。

  lowercase 格式化字符串为小写。

  orderBy 根据某个表达式排列数组。

  uppercase  格式化字符串为大写。

最新文章

  1. DynamicObject - 代理对象的种类
  2. iOS开发之多种Cell高度自适应实现方案的UI流畅度分析
  3. co源码解读
  4. Python的数据类型
  5. 如何修改 Total commander 配置文件的路径
  6. freeCAD下载与安装
  7. 免费好用的web应用托管平台
  8. 80端口被NT kernel &amp; System 占用pid 4
  9. js日期范围初始化,得到前一个月的日期
  10. apache_fileupload实现文件上传_上传多个文件
  11. 数据结构C语言版 弗洛伊德算法实现
  12. 如何用好 Google 搜索引擎?
  13. 转:微信开发之使用java获取签名signature(贴源码,附工程)
  14. Chapter 3. Video Coding Concepts
  15. AlphaGo的前世今生(二)AlphaGo: Countdown to AI Revolution
  16. js如何判断对象是否为空
  17. Scala中的协变,逆变,上界,下界等
  18. jenkins部署web项目到tomcat(五)
  19. mybatis随笔二之SqlSessionFactory
  20. 如何调试 Android 上 HTTP(S) 流量

热门文章

  1. MongoDB基础知识与常用命令
  2. 【java】String与Date转换
  3. 【MyEclipse异常】更换工作空间无法启动的异常
  4. TypeScript 解构和展开
  5. docker nginx 命令。
  6. Ajax运用与分页
  7. 使用 KVO 可能会拖慢启动速度
  8. Python 2 代码转 Python 3的一些转化
  9. 由浅入深了解NB-IoT | 我的物联网成长记
  10. Docker学习-从无知到有知的学习过程