首页 > Windows开发 > 详细

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

时间:2015-12-03 11:27:24      阅读:355      评论:0      收藏:0      [点我收藏+]

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()

原文:http://www.cnblogs.com/haojiangwei/p/5015388.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!