`
boyitech
  • 浏览: 86019 次
  • 性别: 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.foreach 循环方法使用指南.docx

    - **AngularJS 数据绑定**:`ng-model`、`ng-bind` 等指令是 AngularJS 中数据绑定的基础,`angular.forEach` 可以在其中起到关键作用。 - **AngularJS 指令**:`ng-repeat` 指令也是基于 `angular.forEach` 实现的...

    angular.js-1.6.9

    通过`{{ }}`插值表达式或`ng-bind`指令,可以轻松实现视图与模型的数据交互。 2. **依赖注入**:AngularJS的依赖注入系统使得组件间的耦合度降低,代码更易于测试和维护。在1.6.9中,开发者可以声明控制器、服务、...

    Angular.js指令学习中一些重要属性的用法教程

    iEle.bind('click', function() { scope.$apply(function() { scope.content = '这是点击后的内容'; }); iAttrs.$$element[0].disabled = true; }); } ``` 3. **其他高级属性** - **replace** 当`replace...

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

    1. 使用angular.element(window).bind('load', function(){})方法 在页面的加载过程中,window的load事件会在整个页面、包括所有的依赖资源完全加载完成后触发。在Angular.js中,可以使用angular.element()方法来...

    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的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。...

    前端项目-pusher-angular.zip

    channel.bind('your_event_name', (data) =&gt; { console.log('Event received:', data); }); } } ``` ### 实现实时功能 现在,你可以在这个`PusherServiceWrapper`服务中添加更多功能,例如触发服务器事件、...

    angular-store:使用 Angular.js 的简单存储

    - **指令**:`angular-store` 还提供了指令,如 `store-bind` 和 `store-watch`,可以直接在DOM元素上进行数据绑定和监听。 ```html &lt;input type="text" store-bind="key"&gt; &lt;!-- 绑定到存储的键 --&gt; ...

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

    `bind()` 方法可以绑定事件处理器,如:`angular.element(element).bind('click', function() {...})` 为点击事件添加处理函数。 5. **获取子元素**: `children()` 方法返回元素的直接子元素,可以配合选择器...

    前端项目-angular-gettext.zip

    - **标注字符串**:在Angular.js的模板或者控制器中,使用`ng-bind-gettext`或`translate`指令来标记待翻译的字符串。 - **提取字符串**:使用`grunt-gettext`或`gulp-gettext`等工具,从Angular项目中提取所有被...

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

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

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

    通过使用`ng-bind-html`,Angular.js会对绑定的HTML内容进行清理,以避免执行不安全的代码。但是,如果你使用了第三方库,比如ngSanitize模块,就需要注意它可能会与`ng-bind-html`相互影响。 ### 知识点五:注入...

Global site tag (gtag.js) - Google Analytics