码迷,mamicode.com
首页 > Windows程序 > 详细

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

时间:2015-12-03 11:29:53      阅读:223      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!