对angular.js的一点理解】的更多相关文章

对angular.js的一点理解 2015-01-14 13:18 by MrGeorgeZhao, 317 阅读, 4 评论, 收藏, 编辑 最近一直在学习angular.js.不得不说和jquery相比有很大不同,有很多的不同点,之前也用过Knockout.js 但是两者还是有一定的区别的,首先knockout.js是基于Mvvm的,是几乎纯粹的dom 绑定没有一个架构一样的东西.而angular.js 则有dom 绑定还有mvc 架构的支持.一 angular.js 和以前的js 框架有的…
最近一直在学习angular.js.不得不说和jquery相比有很大不同,有很多的不同点,之前也用过Knockout.js 但是两者还是有一定的区别的,首先knockout.js是基于Mvvm的,是几乎纯粹的dom 绑定没有一个架构一样的东西.而angular.js 则有dom 绑定还有mvc 架构的支持.一 angular.js 和以前的js 框架有的区别:    1 传统的前端开发思维:       以jquery 为例,它是以dom 为中心的,是dom 元素的操作,更多的是关注dom 的变…
module其实就是一个容器,里面可以装controller,service,directive,filter等, 官网的解释是:Module :A container for the different parts of an app including controllers,services,filters,and directives which configures the injector. 下面的例子中定义了两个angular.module,其中第二个module,依赖第一个mod…
inline Array annotation的形式是: someModule.controller('MyController', ['$scope', 'greeter', function($scope, greeter) { // ... }]);其中function($scope,greeter){}分别代表$scope对象,greeter对象. 现在我把上面的代码改动一点: someModule.controller('MyController', ['$scope', 'greet…
这也是最近遇到的坑,还是之前那个项目,现在要实现登录功能. 背景:注册功能之前已经跑通了.前端用的是jquery后台是springMVC.鉴于注册和登录有些接口功能是类似的(比如注册确保邮箱是没有注册过,而登录是确保注册过),于是后台还准备用注册的那套接口. 登录的接口get请求是没问题的,但是post却出了问题:后台收不到请求体里的内容. 后来发现是jquery和angular的post行为有些区别,于是我做了个实验. <!DOCTYPE html> <html lang="…
1.data-ng-app与ng-app的区别 data-ng-app是为了h5不报错 2.ng-class 不多说就来拿例子说吧 html代码 <div class='color-changer' data-ng-class="{'color-changer-hiden':!colorChanger}"> </div> js代码: $scope.colorChanger=false; 此时的变量colorChanger=false,那么!colorChange…
注:文章内容都是摘录性文字,自己阅读的一些笔记,方便日后查看. MVC MVC(Model-View-Controller),M 是指业务模型,V 是指用户界面,C 则是控制器,使用 MVC 的目的是将 M 和 V 的实现代码分离,从而使同一个程序可以使用不同的表现形式. 交互方式(所有通信都是单向的): View 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Model 将新的数据发送到 View,用户得到反馈 更详细的说明: 模型(Mod…
在本文中让我们来逐步发掘angular为什么如此火: Angular.js 是一个MV*(Model-View-Whatever,不管是MVC或者MVVM,统归MDV(model Drive View))JavaScript框架,其是Google推出的SPA(single-page-application)应用框架,其为我们的web应用开发增加不少魔法变换. 我可以花整天的时间告诉你为什么你必须在新项目尝试angular.js,但是我觉得还是百说不如一练. 数据绑定和scopes(作用域) 首先…
通过一段时间对angular指令的使用,理解了angular指令的意义,下面逐一介绍一下. ng-app:定义一个angualr模块,表示angular作用的范围,如下代码: ng-app在html标签上使用时,表示angular作用于整个html页面,而在body上使用时表示作用于整个body <!DOCTYPE html> <html lang="en" ng-app="app"> <!-- 定义在html中的 ng-app --&…
1.<div ng-if()> </div> 括号里面是布尔值  如果是false那么你ng-if的那个dom就会不显示.(感觉这是angular js中最给力的一点) 一般会在controller里面来设置ng-if(abc)括号里面值得布尔值 ,类似$scope.abc=true; 如果你想默认一个值为true ,一般用于不常见 的一个字符然后设置ng-if(!abcd) 这样默认为true. 在实际操作中 遇到那种ng-repeat出来的值,需要判断排列或者是否显示的时候,…