我的第一篇博客随笔:关于angularjs API的理解心得。angular.bind() angular.boostrap()

时间:2022-02-28 20:17:42

angular.bind(obj,fun,args)

obj:对象 fun:函数 arg:函数要传递的参数(可省略)。

解释:将函数与对象动态绑定在一起

作用:实现调用数据模块化。

demo:var Func = function(a){

this.a=a;  

}  

var obj=new Func(1);

 var fun=angular.bind(obj, function(i,j){alert(this.a+i+j)},4,2);  

fun();//7  var fun=angular.bind(obj, function(i,j){alert(this.a+i+j)});  

fun(1,1);//3  var fun=angular.bind(obj, function(i,j){alert(this.a+i+j)},2);  

fun(3);//6  

angular.bootstrap(element,["module"])

element:Dom元素,document.getElementById(" ")  module:数组,angular应用的依赖模块

解释:一般angular是自动加载module的,可以通过该方法手动加载angular的module。

demo:

<html>

<head>
<script src="angular.js"></script>
<script>

// 创建moudle1
var rootMoudle = angular.module('moudle1', []);
rootMoudle.controller("controller1",function($scope){$scope.name="aty"});

// 创建moudle2
var m2 = angular.module('moudle2', []);
m2.controller("controller2",function($scope){$scope.name="aty"});


// 页面加载完成后,再加载模块
angular.element(document).ready(function() {
angular.bootstrap(document.getElementById("div1"),["moudle1"]);
angular.bootstrap(document.getElementById("div2"),["moudle2"]);
});

</script>

<head>
<body>
<div id="div1" ng-controller="controller1">div1:{{name}}</div>
<div id="div2" ng-controller="controller2">div2:{{name}}</div>
</body>

</html>