AngularJs的理解

最新推荐文章于 2020-08-10 09:14:53 发布

weixin_30387663

最新推荐文章于 2020-08-10 09:14:53 发布

阅读量110

点赞数

文章标签： json 前端 java ViewUI

原文链接：http://www.cnblogs.com/2460403802q/p/5929038.html

版权

随着时代的不断进步，各种各样的开发理念与开发框架不断的提出与发展，目前来说，除了游戏，QQ，office这类软件之外，新出的一些软件应用开始出现两个方向，一个是以web为主的webApp，一个是以移动端为主的移动APP，且，现有也有一种声音认为webapp早晚会取代移动端原生APP，从而一统计算机软件的应用方式，暂且不论这种说法是否会成为现实，webapp的火爆可见一斑。

下面是我对angularJS的一些见解：

Angular 是一款主旋律的 MVVM 框架，框架和传统的库不同：类库是一些函数的集合，它能帮助你写WEB应用。起主导作用的是你的代码，由你来决定何时使用类库。类库有：jQuery等框架是一种特殊的、已经实现了的WEB应用，你只需要对它填充具体的业务逻辑。这里框架是起主导作用的，由它来根据具体的应用逻辑来调用你的代码。框架有：knockout等。 Angular.js 主要用于构建单页面web应用，提供了诸如：

1.解耦应用逻辑、数据模型和视图

2.AJax服务

3.依赖注入

4.浏览历史

5.测试和更多功能

简要解释 Angularjs 就是一个可以给 HTML 加上互动性的客户端 js 框架。我们需要明白如何让 HTML 适时调用 js 。

在 Angular 中，我们通过指令（Directives）给 HTML 加上行为。指令是一个在HTML标签上的标记，用来告诉 Angular 运行或者引用哪些js代码。为指令赋值函数名，即可运行。但这不是很好的方式，我们只需明白这就是指令如何绑定行为的

AngularJs是什么？

Angular是一个由Goodle支持的webApp前端MVC框架。

Angularjs包括什么？

从angularjs的官方文档看到，它主要包括以下几个概念：

Template--模板

Directive--指令

Filter--过滤器

Controller--控制器

Scope--范围

Service--服务

Module--模块

Template directive filter这三个主要是与视图有关的，controller scope service这两个主要是与控制器有关，module用于结构化项目。

注意：就像上面看到的那样，在AngularJS中，没有找到有关Model层的东西！

下面是对各个概念的理解以及如何应用的想法。

Directive是一种属性，写在HTML标签当中，用户标识出模板中一些特殊的东西。比如用于显示“部分模板”的<div ng-view></div>。
Filter根据官网的解释，是用于控制视图中的元素如何显示，或者说显示成什么样的。
Template是视图层的具体载体，在Template中可以写一些辅助的逻辑，如ng-if等
Controller是控制器，根据官方文档的建议，不应该在Controller中写太复杂的东东，在控制器中只写有关业务逻辑的就可以了。
Scope，这个东西在看控制器的介绍的时候看到，在个人理解来看，应该是主要用于进行视图与控制器的数据操作，或者认为是用于打通视图层与控制器的一个东东。
由于文档中写到，不建议在控制器中写太复杂的逻辑，所以我们应该把所有的可供复用的逻辑写到Service（服务）当中。然后我们可以利用AngularJS框架本身的DI（依赖注入）功能将Service注入到具体的控制器中。
Module，这个东西类似Java的类库的概念，我们写的所有的控制器、过滤器、服务等都得加到Module中，没什么好说的~

这里要注意一个问题——模型。

按照个人的理解，不论AngularJS再怎样，其数据的直接来源还是服务器，而服务器传数据的话，现在比较流行使用JSON格式，所以，就模型层来说，我们只要利用Service从服务器中获取数据，然后将其解析给在Controller中对应的Scope就行了。剩下的就是AngularJS内部处理，将数据自动绑定到前台了~

以上就是我对angularJs 的一些见解，希望可以帮助需要学习的朋友们。

转载于:https://www.cnblogs.com/2460403802q/p/5929038.html