怎么快速上手angular.js
本篇内容介绍了“怎么快速上手angular.js”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
为贡觉等地区用户提供了全套网页设计制作服务,及贡觉网站建设行业解决方案。主营业务为成都网站制作、成都网站设计、贡觉网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
什么是 angular.js
angular.js 准确的来说,应该不是一个框架,是一个 js 库,一个依赖于 jQuery 的进一步封装,去除繁琐的 DOM 操作,使用数据驱动的 MVC 模块化库。
这里扯到 MVC 这个词语,也不是很清楚,我自己的理解 M 其实就是 Module 模块,一个 .html 就是一个模块, V 其实就是我们 .html 里面那些 DOM 元素, C 就是我们用来操作 V 那些 js 脚本。
我大概画了一个简单的草图:
不知道对不对,如果不对,恳请各位大佬,提出宝贵的建议,让我有更大的提升,谢谢。
为什么要使用 angular.js
额,我必须要吐槽一下,为毛还要使用 angular.js,为毛不使用 angular2,好歹让我入门 ts 也好啊,好了,既来之,则安之。
用这个 js 库的一个关键原因就是因为可以去除繁琐的 DOM 操作。
使用数据驱动视图的方式,进行开发,非常高效。
如何使用 angular.js
ng-app 加载一个入口应用模块
var app = angular.module('ngApp', []);
有点类似,Vue 项目的 let app = new Vue();
ng-init 初始化数据,
有点类似 Vue 中的 data() 属性。
ng-controller 控制器
ng-bind 数据绑定
有点类似 Vue 中的 v-bindng-model 数据双向绑定
有点类似 Vue 中的 v-model
ng-repeat 数据循环
有点类似 Vue 中的 v-for
使用 ng-repeat 来循环数组
- {{ x }}
ng-if 为HTML增加选择功能,只有在表达式值为true时,当前元素才添加到DOM树
有点类似 Vue 中的 v-ifng-show 有点类似 v-show
ng-src 有点类似 :src
ng-click 有点类似 @click
ng-style 有点类似 :style
ng-class 有点类似 :class
ng-show/ng-hide 有点类似 jq 的中 show(),hide()
ng-disabled 有点类似 :disabled
ng-checked 有点类似 :checked
$scope 有点类似 Vue 中的 data() 属性
filter 过滤器,有点类似 Vue 中的 filter
$scope.$watch 有点类似 Vue 中的 watch 属性
“怎么快速上手angular.js”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!
本文题目:怎么快速上手angular.js
浏览路径:http://pwwzsj.com/article/gogegp.html