您的位置：首页 > Web前端 > AngularJS

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

2015-12-03 10:43 776 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航