AngularJS是一个JavaScript框架,通过ng-directives(指令)扩展了HTML。

ng-app指令定义一个AngularJS应用程序。

ng-model指令把元素值(比如输入域input的值)绑定到应用程序。

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

AngularJS指令是以ng作为前缀的HTML属性,AngularJS 模块(Module) 定义了 AngularJS 应用。AngularJS 控制器(Controller) 用于控制 AngularJS 应用。ng-app指令定义了应用, ng-controller 定义了控制器。

AngularJS 表达式

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

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

AngularJS 将在表达式书写的位置"输出"数据。

AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。

实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}

数据的双向绑定

Angular实现了双向绑定机制。所谓的双向绑定,无非是从界面的操作能实时反映到数据,数据的变更能实时展现到界面。

Scope 作用域,概述

AngularJS 应用组成如下:

  • View(视图), 即 HTML。
  • Model(模型), 当前视图中可用的数据。
  • Controller(控制器), 即 JavaScript 函数,可以添加或修改属性。

scope 是模型。

scope 是一个 JavaScript 对象,带有属性和方法,这些属性和方法可以在视图和控制器中使用。

AngularJS 过滤器

AngularJS 过滤器可用于转换数据:

过滤器 描述
currency 格式化数字为货币格式。
filter 从数组项中选择一个子集。
lowercase 格式化字符串为小写。
orderBy 根据某个表达式排列数组。
uppercase 格式化字符串为大写。

参考:http://www.runoob.com/angularjs/angularjs-tutorial.html

https://www.zhihu.com/question/22284218

Angular JS introduce相关推荐

  1. [Angular JS教程] HeroService: getHeroes failed: undefined 问题解决方法

    最近在学习入门Angular JS,学习资源是https://angular.cn/tutorial, 在学习到 "https://angular.cn/tutorial/toh-pt6模拟 ...

  2. angular.js 嵌套路由

    介绍 AngularJS 嵌套路由:,来看看嵌套的ui-router状态是怎么回事. ui-router和同属AngularJS框架一部分的ng-route一样强大. ui-router提供了让我们可 ...

  3. 如何使用多个参数调用Angular.js过滤器?

    本文翻译自:How do I call an Angular.js filter with multiple arguments? As from the documentation , we can ...

  4. 如何在Angular.js选择框中使用默认选项

    本文翻译自:How to have a default option in Angular.js select box I have searched Google and can't find an ...

  5. angular.js phonecat翻译

    AngularJS 手机目录应用教程 概述 这个应用将带领开发者贯穿使用angularjs来开发一个web-app程序.这个应用程序是基于 Google Phone Gallery 但它现在已经不存在 ...

  6. Angular js 具体应用(一)

    1,首先引用Angular  百度静态资源库搜索Angular  复制链接,在HTML中嵌入script 最好写在正文下面 <script type="text/javascript& ...

  7. angular js一factory,service,provider创建服务

    服务:在AngularJS 中,服务是一个函数或对象 在写控制器的时候,不要复用controller,当我们的controller里面有相同的代码时,此时需要把它抽取成一个服务,所有的服务都符合依赖注 ...

  8. Angular JS 中的内置方法之表单验证

    angular js 结合html5 可以实现强大的表单验证功能 关闭html5自带的表单验证功能可以用 转载于:https://www.cnblogs.com/Pikzas/p/9005861.ht ...

  9. Angular JS 中的内置方法之$watch

    在$apply方法中存在脏检查,首先apply方法会触发evel方法,当evel方法解析成功后,会去触发digest方法,digest方法会触发watch方法. $watch(watchFn,watc ...

最新文章

  1. FireFox与IE兼容性汇编
  2. flink的udtf中String[]转String数组
  3. 万字长文|深度剖析Service Mesh服务网格新生代Istio
  4. bootstrap媒体查询类型的值_Redis系列-数据类型sorted_set
  5. 敏捷开发系列学习总结(13)——Spotify敏捷模式详解三部曲第一篇:研发团队
  6. WindRiver编译小结
  7. 为什么FUP PT5M 台式低速离心机深受大家喜爱
  8. win10系统与时间服务器同步超时,如何解决Win10系统时间无法同步的问题?
  9. linux安装网卡驱动make报错,linux 安装网卡驱动详解
  10. python3版本升级_python版本升级到3.7
  11. TCP/IP网络编程之基于TCP的服务端/客户端(一)
  12. raw data convert and play
  13. 爬取笔趣阁小说网站上的所有小说(二)
  14. 网络分层(7层)以及每层的设备和协议
  15. 【雷达仿真 | FMCW TDMA-MIMO毫米波雷达信号处理仿真(可修改为DDMA-MIMO)】
  16. Prometheus使用cAdvisor监控Docker容器指标
  17. jpeg压缩解压缩简介
  18. vant2-上拉加载、下拉刷新
  19. python计算机语言排行榜_TIOBE 1月编程语言排行榜:C语言再度「C 位」出道,Python惜败...
  20. 2020数学建模医疗和养老保障问题解决办法

热门文章

  1. 菜鸟教程中的面试题总结
  2. 【引用】pygame菜鸟入门指南
  3. 计算机网络-哈尔滨工业大学mooc-第2周作业解答
  4. Java3d获取坐标_java-使用带有xzyz坐标和jzy3d的3d表面图
  5. Android系统五层架构
  6. python中如何绘制等边三角形
  7. 2021 上海科技大学 信息学院SIST 推免夏令营 经历
  8. MySQL无法启动 系统发生1058错误
  9. 图像处理半色调技术(matlab/C++)
  10. eclipse neno中tomcat配置servers locations地址的文件