`
boyitech
  • 浏览: 84117 次
  • 性别: Icon_minigender_1
  • 来自: 南通
社区版块
存档分类
最新评论
阅读更多
angular.bind
描述:
        上下文,函数以及参数动态绑定,返回值为绑定之后的函数. 其中args是可选的动态参数,self在fn中使用this调用。
使用方法:
        angular.bind(self, fn, args);
参数详解:
Param Type Details
 self Object

fn的上下文对象,使用this调用

 fn function()

被绑定的function

 args *

传入fn中的参数(可选的)

 

返回值:
        返回动态绑定之后的函数
 
示例代码:
<!DOCTYPE HTML>
<html ng-app>
<head>
	<script src="angular.min.js"></script>
</head>

<body>
<script>
			
	var self = {name:'boyi'};
	
	//示例1--带参数
	var f = angular.bind(self, //绑定对象,作为函数的上下文
		//被绑定的函数
		function(age){  
			alert(this.name + ' is ' + age + ' !');
		},
		//绑定的参数,可省略
		'15'
	);
	f();//调用绑定之后的function
		
	//示例2--不带参数
	var m = angular.bind(self, //绑定对象,作为函数的上下文
		//被绑定的函数
		function(age){  
			alert(this.name + ' is ' + age + ' !');
		}
		//省略参数
	);
		
	m(3);//调用传参的函数		
	
</script>

</body>	
</html>
0
0
分享到:
评论
2 楼 fozhan 2014-12-02  
楼主,可以详解一下angular.bootstrap吗?
1 楼 fozhan 2014-12-02  
楼主写得很详细啊,求速速更新啊!

相关推荐

    angular.bind使用心得

    angular.bind 解释:返回一个调用self的函数fn(self代表fn里的this).可以给fn提供参数args(*).这个功能也被称为局部操作,以区别功能。 格式:angular.bind(self,fn,args); self:object 对象; fn的上下文对象...

    ng-utils:角度实用函数的 CommonJS 包装器(angular.forEach、angular.isString 等)

    angular.extend angular.equals angular.forEach angular.noop angular.bind angular.fromJson angular.identity angular.isUndefined angular.isDefined angular.isString angular.isFunction angular.isObject ...

    Angular.2.By.Example.178588719X

    Work on HTML forms and learn the Angular way to bind, validate, and form data Create component, structural, and attribute directives to extend standard HTML behavior Integrate with the server backend ...

    Angular工具方法学习

    angular.bind 更改this指向 var obj1 = { name : 'obj1', show : function(str){ return this.name + str; } }; var obj2 = { name : 'obj2' }; var a = angular.bind(obj2,obj1.show,' is a object'); var b ...

    angular.extend方法的具体使用

    AngularJs的angular.extend()方法可以把一个或多个对象中的方法和属性扩展到一个目的对象中,使得这个对象拥有其他对象相同的方法和属性,如下图所示。 angular.extends()方法的第一个参数是要被扩展的对象,后面...

    Angular-angular-bind-notifier.zip

    Angular-angular-bind-notifier.zip,按需刷新angularjs绑定。复杂应用程序的巨大性能改进。角度绑定通知程序,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。...

    Angular.js中[removed](),$(document).ready()的写法浅析

    一,问题发现: 最近公司有个微信公众号项目,为了方便直接使用anular.js+ionic进行开发,里面有使用到echarts图表,具体开发... angular.element(window).bind('load', function() { alert&#40;加载完毕&#41;; }); aler

    angularjs:started默认情况下,在启动AngularJS应用程序时会加载ng模块

    1.angular.bind(self, fn, args) 作用:返回一个新的函数,绑定这个函数的this指向self 参数: self:新函数的上下文对象 fn:需要绑定的函数 args:传递给函数的参数 返回值:this指向self的新函数 var obj = { ...

    Angular 2 By Example

    Work on HTML forms and learn the Angular way to bind, validate, and form data Create component, structural, and attribute directives to extend standard HTML behavior Integrate with the server backend ...

    angular-bind-hash:在加载的页面中将散列绑定到元素的值并将元素的值绑定到散列

    bower install angular-bind-hash 没有 bower.js download the file https://raw.githubusercontent.com/huyinghuan/angular-bind-hash/master/angular-bind-hash.js 入门 包括 angularjs 和 angular-bind-hash....

    Angular.js中数组操作的方法教程

    最近在学习Angular.js,将自己学习的一些经验技巧分享给大家,下面本文将给大家介绍关于Angular.js中数组操作的相关资料,话不多说了,来一起看看详细的介绍。  1:ng-click,ng-model,ng-bind,ng-class,ng-hide,ng-...

    详解angularjs获取元素以及angular.element()用法

    本文介绍了详解angularjs获取元素以及angular.element()用法 ,分享给大家,具体如下: addClass()-为每个匹配的元素添加指定的样式类名 after()-在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其...

    angular-sanitize.min.js

    用户调用angularJS中的解析angularJS变量中HTML代码等方法,例如:ng-bind-html-unsafe、ng-bind-html

    Angular.js去除页面中显示的空行方法示例

    一、前提 ... &lt;div class=article-view-content ng-bind-html=vm.article.content&gt; 二、过滤器 现在要做的事情就是做一个过滤器就好了,让他来去掉content里面的空行 ...angular .module('articles') .filter('Ar

    详解Angular.js数据绑定时自动转义html标签及内容

    而要对html进行转义,则需要在数据绑定的html标签中使用ng-bind-html属性,该属性依赖与$sanitize,也就是需要引入angular-sanitize.js文件,并在module定义时注入该服务ngSanitize。比如: html: ...

    angular.element方法汇总

    bind() – 为一个元素绑定一个事件处理程序 children() – 获得匹配元素集合中每个元素的子元素,选择器选择性筛选 clone()-创建一个匹配的元素集合的深度拷贝副本 contents()-获得匹配元素集合中每个元素的子元素,...

    classy-bind:为 Angular Classy 绑定事件插件

    经典绑定 ... script src =" /bower_components/classy-computed/classy-bind.js " &gt; &lt;/ script &gt; 将classy和classy-bind添加到您的应用程序模块。 var app = angular . module ( 'app' ,

    angular-media-query-handler:根据屏幕大小更改类的指令

    #angular-media-query-handler 这个包包含两个指令: 更改媒体查询类元素... angular.element($window).bind('resize', function() { $rootScope.windowWidth = $window.outerWidth; $rootScope.$apply('windowWidth')

    angular-sails-bind:通过范围套接字将范围模型绑定到sailsjs模型的角度服务

    角帆绑定 使用Socket.io将Angular模型与sailsjs后端模型绑定的AngularJS服务。... 安装: bower install angular-sails-bind用法一个小例子: var app = angular . module ( "MyApp" , [ 'ngSailsBind'

Global site tag (gtag.js) - Google Analytics