前言 上一篇我们介绍了AngularJS内置的路由ngRoute,我们知道AngularJS被广泛应用于单页应用SPA(Single Page Application)中,此时路由对于我们来讲非常重要,对于内置的路由(也不能说内置,只能说在VS中默认下载的路由包是ngRoute),但是我们应该明显的知道他的不足,例如上一篇所演示,当我们通过路由导航到另外一个页面,此时若我们刷新页面,此时则会存在找不到页面的情况,此时急需我们再找一种替代方法.这就是我们本节要讲的话题[ui.router]. ui…

AngularJS 指令解析(二) 第一篇我们讲过了作用域(scope)这块内容,现在我们进入正题,讲AngularJS的指令. 什么是指令? 这里我们引用官方的一句话: Custom directives to access the DOM: In AngularJS, the only place where an application should access the DOM is within directives. This is important because artifac…

SPA(Single Page Application)指的是通单一页面展示所有功能,通过Ajax动态获取数据然后进行实时渲染,结合CSS3动画模仿原生App交互,然后再进行打包(使用工具把Web应用包一个壳,这个壳本质上是浏览器)变成一个“原生”应用. 在PC端也有广泛的应用,通常情况下使用Ajax异步请求数据,然后实现内容局部刷新,局部刷新的本质是动态生成DOM,新生成的DOM元素并没有真实存在于文档中,所以当再次刷新页面时新添加的DOM元素会“丢失”,通过单页面应可以很好的解决这个问题 在…

前言 我们知道默认的路由提供(Route Provider)在复杂的应用程序中是不太适合应用场景,它存在诸多限制,所以在Angular 1.2之后此时我们不得不将路由提供作为一个单独的模块当我们需要使用时即ngRoute,但是该ngRoute使用起来还是不够灵活,AngularJS团队很快意识到了这点,于是提出了ui.router作为ngRoute的完美替代品. 话题 此节我们要讨论关于Route的高级,也就是深入探讨AngularUi Router中的比较高级的内容,关于ui.router有如…

前言 这一节我们来讲讲AngularJS中的路由以及利用AngularJS在WebAPi中进行CRUD.下面我们一起来看看. 话题 当我们需要进行路由映射时即用到$route服务,在AngularJS中依赖于ngRoute模块,所以鉴于此我们得添加这个模块.添加路由服务则会映射URL到对应的视图名称,通过$location.path方法匹配到映射的视图时,视图会进行加载并呈现.在$route服务中使用映射则通过provider即$routeProvider,该服务的第一个参数是通过URL需要应用…

一.定义 如何将全局定义的控制器模块化 先看下全局定义的控制器 var HelloCtrl=function($scope){ $scope.name='World'; } 模块化后代码 angular.module('hello',[]) .controller('HelloCtrl',function($scope){ $scope.name='World'; }); AngularJS为自己定义了全局命名空间angular,他提供多种功能及不少便利函数,module就是其中之一. 定义新的…

今天给大家分享一下基于angularjs与ionic框架实现手机二维码扫描的功能.没有用到cordova等任何插件,h5+实现的. 开发工具:hbuilder 首先,需要在hbuilder项目下面的配置文件里面引入"Barcode"的配置,具体步骤: 1.找到"manifest.json"文件,右键打开,切换到代码试图 2.在里面,可以看到"permissions",直接添加 "Barcode": { "descri…

之前的初级教程主要是学习简单的增删改查: 接着的中级教程的目标是在初级教程的基础上能写出更复杂更健壮的程序: 我们先来学习 laravel 的用户认证功能: 在现代网站中基本都有用户系统: 而我们每开发一个网站就实现一遍用户系统想想也是挺心累的: 还好 Laravel 已经贴心的帮我们完成了常用的用户认证功能: 比如说 注册.登录.重置密码: 并设计好了用户表 users : 编写了带有登录登出功能的 Auth 类: 而且可以非常方便的进行扩展修改:再个 Laravel 的用户系统跟其他功能比如…

前言 本节我们来讲讲AngularJS中主要的部分之一,那就是过滤器,当从后台获取到的数据呈现到视图上时,此时可能需要对数据进行相应的转换,此时我们可以通过过滤器在不同页面进行不同数据的格式抓换,在AngularJS中有常见默认的过滤器,当然若不满足所需,我们可以自定义过滤器. AngularJS默认过滤器 列举AngularJS中常见的过滤器,如下: 过滤器名称 描述 例子  currency  money格式化  {{ p.price | currency}}  date  日期格式化 {…

记得某位大神说过,"时间就像海绵里的水,挤挤总是有的.".大多时候,与其说我是很忙而没时间去做自己想做的事, 倒不如说是懒得去做罢了. 废话不多说,接前一篇继续吧 3.3 指令(Directives)   Angular  最强大的功能之一就是,你可以把模板编写成HTML的形式.  [备注:Angular引入了一款强大的DOM转换引擎,可用它来扩展HTML的语法] 常用的内置指令; {{ greeting }}    单向数据绑定 ng-model          双向绑定 3.4…