你的位置:首页 > Java教程

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


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>