Angularjs是一款JavaScript的前端框架,通过指令扩展HTML,通过表达式绑定数据到HTML,Angularjs减少了对DOM元素的操作。
AngularJS学习起来有很多指令需要记住,但是其核心就是模型化:
(截图来源于慕课网的课程)
AngularJS扩展了HTML:通过ng-directives扩展HTML,通过ng-app(定义应用程序的根元素)制定一个AngularJS的应用程序,通过ng-model指令把元素值(比如输入输出)绑定到应用程序,通过ng-bind指令把应用程序数据绑定到HTML视图。
AngularJS中要熟练各个指令,并要掌握应用中的指令具体的用法,应用中也可以通过控制器ng-controller来进行控制。AngularJS也提供动画,但需要引入关于动画的js文件。
AngularJS中还支持以下事件:
ng-click
ng-dbl-click
ng-mousedown
ng-mouseenter
ng-mouseleave
ng-mousemove
ng-keydown
ng-keyup
ng-keypress
ng-change
AngularJS工作流程:
ng-app 指令位于应用的根元素下。
对于单页Web应用(single page web application,SPA),应用的根通常为 元素。
一个或多个 ng-controller 指令定义了应用的控制器。每个控制器有他自己的作用域:: 定义的 HTML 元素。
AngularJS 在 HTML DOMContentLoaded 事件中自动开始。如果找到 ng-app 指令 , AngularJS 载入指令中的模块,并将 ng-app 作为应用的根进行编译。
应用的根可以是整个页面,或者页面的一小部分,如果是一小部分会更快编译和执行。