欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

什么是AngularJS?AngularJS的基本知识点

程序员文章站 2022-06-14 12:13:33
1.angularjs是google工程师研发的一款开放源代码的javascript框架。完全使用javascript编写客户端的技术。angularjs以html作为模板语言并扩...

1.angularjs是google工程师研发的一款开放源代码的javascript框架。完全使用javascript编写客户端的技术。angularjs以html作为模板语言并扩展html元素及属性,使得应用开发保持高度清晰和一致。

2.下载angularjs,通过script标签引入angular库文件即可使用angular。

3.ng-app是angularjs的一个内置指令,可以出现在任意位置,作用如下:

①启动angularjs框架;

②告诉angularjs框架从ng-app指令所在标签的开始标签到结束标签之间的所有dom元素由angularjs框架进行管理。

4.angularjs表达式:{{expression}}

①angularjs框架遇到嵌套的两层大括号时会把嵌套大括号中的内容作为表达式处理;

②支持处理四则运算、字符串拼接、逻辑运算;

③angularjs表达式可以访问作用域中的数据,把数据输入到html页面。

5.angularjs双向数据绑定

数据绑定是angularjs框架在视图(dom元素)与作用域之间建立的数据同步机制,所谓的“双向”是指界面的操作能够实时同步到作用域中,作用域中的数据修改也能够实时回显到界面中。

6.①ng-model指令:只能用在表单元素上建立数据绑定;

②ng-bind指令:实现作用域到视图的单向数据绑定,和表达式功能类似,可用于向界面中输出作用域中的内容;

③表达式与ng-bind的比较:使用表达式时,可能由于网络问题导致angularjs加载缓慢而使用户看不到表达式的效果。使用ng-bind指令时,在angularjs加载完毕前是不会执行的,保证用户看到的效果。

7.angularjs与mvc

①mvc时model(模型)、view(视图)、controller(控制器)的首字母缩写。mvc的核心思想是把数据的管理、业务逻辑控制和数据的展示分离开,使程序的逻辑性和可维护性更强。

②angularjs中的mvc:

model(模型):作用域对象中的属性;

view(视图):dom元素,从用户的角度来看就是html页面,在view中可以通过angularjs表达式访问模型数据;

controller(控制器):用户自定义的构造方法,作用域中的模型数据可以通过依赖注入的方式注入控制器中。

③目前普遍认为angularjs是一款mvw(model-view-whatever)框架。这是因为早期的angularjs框架比较接近与mvc,而随着不断改进,$scope对象可以认为是由一个方法(controller)包装后的viewmodel。看上去更接近于mvvm框架。因此,认识它是一个mvw框架。