Angular.js菜鸟学习(一)

AngularJS使用了不同的方法,它尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我们称为标识符(directives)的结构,让浏览器能够识别新的语法。例如:

使用双大括号{{}}语法进行数据绑定;

使用DOM控制结构来实现迭代或者隐藏DOM片段;

支持表单和表单的验证;

能将逻辑代码关联到相关的DOM元素上;

能将HTML分组成可重用的组件。

--------贴一段DEMO(自己随意联系很容易,不要问为什么都标注了,因为我在联系的时候不注释掉前面的后面的代码显示不出来)-----------------------------------------------------------------------------------------------------------------------


Angular.js菜鸟学习(一)_第1张图片

AngularJS 表达式 与 JavaScript 表达式的区别

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

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

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

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



AngularJS是通过被称为指令 的新属性来扩展 HTML

AngularJS 指令是扩展的 HTML 属性,带有前缀ng-

ng-app指令初始化一个 AngularJS 应用程序。

ng-init指令初始化应用程序数据。

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

Angular.js菜鸟学习(一)_第2张图片
Angular.js菜鸟学习(一)_第3张图片

先到这,准备下班~

你可能感兴趣的:(Angular.js菜鸟学习(一))