AngularJS构建WebApp

AngularJS里面的$timeout和$interval服务和window里面的setTimeout与setInterval的使用类似。

使用$http快捷方法与服务端交互 在AngularJS中页面与服务端交互主要是调用模块。 根据请求类型的不同，$http模块提供了不同的调用方式 ,其通用的格式如下。参数解释： url：表示一个相对或绝对的服务端请求路径; 请求类型：包括POST、GET、JSONP、DELET...

在app.angular.module('app',['ui.router']).$rootScope.console.这就是$rootScope最大的作用，相当于定义公共的函数和变量，不过一般定义公共的函数，我们还是建议使用服务。

现在当下移动端通常的自适应解决方案是使用rem，rem的原理是对html的根元素设置一个font-size字体大小，然后其他元素的字体大小和边距都会根据根元素的字体大小而变化。在AngularJS开发的移动WebApp时，我们通过用rem、Less和gulp构造工具配合使用，来达...

说到单页单页应用，从字面上来理解，就是单个页面的应用，这样理解是没有错的。 页面跳转不刷新实际上是通过路由来控制页面的跳转，这个路由不是服务器端控制的路由，是JS控制的路由，这种路由的控制方法是URL的哈希值。单页应用的优点是： 第一：页面切换非常流畅，它不在是将整改页面刷新重新...

搭建AngularJS的开发环境，需要用到一些构建工具以及包管理工具、编译工具、调试工具。module: 模块，它相当于是一个容器，后面这些所有的东西都必须放在模块当中才能够被引用和加载。 directive：指令，指令就是负责和HTML元素进行绑定、同时进行相互作用。 serv...

路由router.angular.module('app').$stateProvider.templateUrl: 'view/main.}).templateUrl: 'view/position.$urlRouterProvider.angular.module('app'...

今天我们扯一扯CSS的预处理器——Less。现在这个问题解决了，less就可以实现变量和函数的功能 通常less文件通过less工具编译成css文件。什么叫less语言呢？首先编写.less的文件，然后我们再使用less工具， 其实就是一段脚本，让它生产CSS文件。这个less工...

AngularJS首先它会有一个根模块(root module)，它会直接绑定在我们的HTML文档上面。然后这个模块也会引用一些第三方的其他模块，每个模块都会和这个根模块差不多，都分为几类web组件，这些组件在AngularJS文档上面被统称为web components，也就是...

我们以cookie为例。第二步 : 在service目录下建一个cache.js文件。第三步 : 在index.html中引入angular-cookies模块。第四步 : 在app.js中添加ngCookies依赖。angular.module('app',['ui.第五步：在...

angular.module('app').templateUrl: 'view/template/headBar.$scope.window.history.

WebApp底部菜单栏的高亮效果需要用到一个指令，其实还需要做一个交互，就是点击的时候需要跳转，像这种情况一般会用到ui.router路由模块的一个指令，跳转一般有两种方法，一种是使用指令进行跳转，一种是利用服务进行跳转。指令是ui-sref，这相当于给这个元素绑定一个点击事件，...

一般情况下，我们需要在一个$http请求里面再发送一个$http请求，就需要使用延迟加载对象的$q服务。这个时候，我们需要将这个$http服务放进一个封装的函数,同时在函数内部声明一个延迟加载对象。angular.module('app').var def = $q.$http....

Error: [ng:areq] http://errors.angularjs.这个错误的一般是没有找到controller. 写上一个正确的controller就正常了。第三条：编写指令模板的属性的时候应当使用 app-指令名称,这样写的原因是防止以后html语言升级,指令名...

首先我们需要安装AngularJS的浏览器调试工具 batarang，是chrome的一个插件。直接打开chrome，点击更多工具-扩展程序，将该插件拖入浏览器即可。它的主要作用是：查看作用域、输出调试信息、性能监控。 AngularJS和JQuery不同，报错的话不会直接报出错...

接下来说的几个工具都是基于node.js的插件，所有要先下载安装好node.js。如果显示版本号，就说明安装好了。因为npm在国内安装的比较慢，所有在中国境内推荐大家使用淘宝国内的镜像源cnpm。使用它来安装速度会快点。第三方依赖指那些别人开发出来供我们调用的JS，如angula...

现在来做一件开发WebApp中非常重要的一步,就是开发路由。我们知道路由就是用来管理和控制页面和业务逻辑的跳转及加载的。 ②在index.html中引入ui-router,ui-router必须在angularJS之后引入 index.<script src="vendor/an...

首先我介绍一下项目主目录： .git仓库 bower_components，是bower安装第三方依赖的时候，它默认的安装路径 build，就是我们构建代码src编译之后放到的路径 dist，产品发布的目录，虽然我调试的时候代码经过编译，但是没有经过压缩，就是方便我们调试问题，但...

我们以某招聘网站的岗位分类为例。 我们先查看一下我们请求到的json数据。company."imageUrl": "/image/company-1.company.companyCtrl.angular.module('app').$http.get('data/company...