你的位置:首页 > 软件开发 > Java > AngularJs的理解

AngularJs的理解

发布时间:2016-10-03 14:00:39
随着时代的不断进步,各种各样的开发理念与开发框架不断的提出与发展,目前来说,除了游戏,QQ,office这类软件之外,新出的一些软件应用开始出现两个方向,一个是以web为主的webApp,一个是以移动端为主的移动APP,且,现有也有一种声音认为webapp早晚会取代移动端原生AP ...

随着时代的不断进步,各种各样的开发理念与开发框架不断的提出与发展,目前来说,除了游戏,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 的一些见解,希望可以帮助需要学习的朋友们。

 


原标题:AngularJs的理解

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。