標籤:
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>
我的第一篇部落格隨筆:關於angularjs API的理解心得。angular.bind() angular.boostrap()