AngularJs learning notes overview

1.建议把脚本放在<body> 元素的底部。这会提高网页加载速度,因为 HTML 加载不受制于脚本加载。

2.AngularJS 通过ng-directives 扩展了HTML。

ng-app 指令定义一个AngularJS 应用程序。(如果您移除了ng-app指令,HTML将直接把表达式显示出来,不会去计算表达式的结果。)

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

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

ng-init指令初始化AngularJS 应用程序变量。

3.HTML5 允许扩展的(自制的)属性,以data-开头。
AngularJS 属性以ng-开头,但是您可以使用data-ng-来让网页对 HTML5 有效。

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

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

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

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

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

5.AngularJS 模块(Module)定义了AngularJS应用。

AngularJS 控制器(Controller)用于控制 AngularJS 应用。

ng-app指令定义了应用,ng-controller 定义了控制器。

6.类似于 JavaScript 表达式,AngularJS 表达式可以包含字母,操作符,变量。

与 JavaScript 表达式不同,AngularJS表达式可以写在 HTML 中。

与 JavaScript 表达式不同,AngularJS表达式不支持条件判断,循环及异常。

与 JavaScript 表达式不同,AngularJS表达式支持过滤器。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Angular JS 基础 本文中的AngularJS是AngularJS 1.x AngularJS是一个Jav...
    静候那一米阳光阅读 4,296评论 0 13
  • 简介: AngularJS 是一个 JavaScript 框架。它可通过 标签添加到 HTML 页面。 Ang...
    JenniferYe阅读 5,288评论 0 13
  • AngularJS 简介 AngularJS 是一个 JavaScript 框架。它可通过 标签添加到 HTM...
    鹿守心畔光阅读 5,346评论 0 25
  • 个人博客搭建完成,欢迎大家来访问哦黎默丶lymoo的博客 博主最近了解学习了一下angularJS,记录一下心得给...
    黎默丶lymoo阅读 4,680评论 0 21
  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 5,585评论 0 3

友情链接更多精彩内容