宜宾网站建设公司

怎么快速上手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

额，我必须要吐槽一下，为毛还要使用 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 控制器
  var app = angular.module('ngApp', []) var controller app.controller('ngController', function($scopr) {})

  • ng-bind 数据绑定
    有点类似 Vue 中的 v-bind

  • ng-model 数据双向绑定
    有点类似 Vue 中的 v-model

  • ng-repeat 数据循环
    有点类似 Vue 中的 v-for

	
	  
使用 ng-repeat 来循环数组

	  
    
	    
	      {{ x }}
	    
	  

“怎么快速上手angular.js”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！


当前标题：怎么快速上手angular.js
文章源于：http://ybzwz.com/article/gogegp.html

其他资讯