标签：
angular中实现单页应用是运用了UI-router插件
先导入ui-router文件
var mainApp = angular.module("mainApp",["ui-router","regApp","loginApp","studentApp"]); mainApp.config(function($urlRouterProvider,$stateProvider){ $urlRouterProvider.when("","/reg"); $stateProvider.state("reg",{ url:"/reg", //路由匹配的路径 templateUrl:"modules/reg/reg.html", //文件模板路径 controller:"RegController" } } //在html中的代码 <body> <div ui-view><div> <body>
angular的实现原理主要是利用了三个对象：$watch,$digest,$apply;
$watch 监听（列表）对象（类数组）
所有页面上绑定的属性都会放在监听列表中，并不是所有$scope中的属性都会放在监听列表中，只有页面上绑定的才会放入监听列表。
监听列表的作用就是放置所有绑定在页面上的属性
1 $scope.$watch("name",function(a,b){ 2 console.log("name is changed"); 3 }); 4 //里边两个参数，a是修改之后的值，b是修改之前的值
$digest 循环对象
用$apply可以让代码回到Angular的上下文环境
1 setTimeout(function(){ 2 $scope.$apply(function(){ 3 $scope.name = "changed"; 4 }); 5 }, 1000);
标签：
原文地址：http://www.cnblogs.com/webbest/p/5861314.html
