colnplie
网页加载的出现一次
link
元素每次改变的时候
**$watch**
监听列表
$scope.$watch("name",function(newVal,oldVal)){
console.log(newVal+""+oldVal)
新的值 旧的值
}
$digest
循环对象
在 $watch列表发生改变的时候,会发生循环。
循环的次数不能超过10次,否则,会程序发生错误!
$apply
会把$digest放在angular上下文里面(angular Canten)
作用域
子控制器范围可以找到父控制器的值,父控制无法找到子控制的值
原始类型
赋值的字符串或者数值叫做原始数据类型
数值、字符串、布尔值
引用类型
对象引用类型
angular服务
就是对外提供某个特定的功能。是一个独立的模块。
angular.module("myApp-service",[])
.factory("ajax",["$http",function(http){
return function(){
}
}]);
.factory("ajax",["$http",function(http)
ajax:是定义的服务的名字。
$http:是表示要使用到的angular的ajax。
angular.module("myApp-controller",[])
.controller("myController",function($scope,ajax) {
ajax({
});
})
下面的子模块就能够实现,使用自定义服务里面的功能。
angular路由
1、用iframe
iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
2、ajax
jQuery load() 方法是简单但强大的 AJAX 方法。
$("#div1").load("demo_test.txt");
3、路由
同样实现无刷新的视图切换。
导入js文件:
angular-route.min.js
首先要定义主模块:
angular.module("mainApp",["ngRoute","mainApp.controller"])
ngRoute是angular里面的内置模块。
when
.config(["$routeProvider",function(provider){
provider.when("/p1",{templateUrl:"page1.html"});
provider.when("/p2",{templateUrl:"page2.html"});
网页
<ul>
<li><a href="#p1">页面1</a></li>
<li><a href="#p2">页面2</a></li>
</ul>
when //什么发生
通过点击li标签,来实现网页的切换。
otherwise
provider.otherwise({
redirectTo:"p2"
});
可用实现网页在加载的时候,出现的默认的网页。