PhoneGap中文网

 找回密码
 立即注册
查看: 16756|回复: 2
打印 上一主题 下一主题

angularjs .bind使用

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2015-4-12 14:50:31 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

angular.bind

描述:

上下文,函数以及参数动态绑定,返回值为绑定之后的函数. 其中args是可选的动态参数,self在fn中使用this调用。

使用方法:

angular . bind ( self ,  fn ,  args );

参数详解:

Param Type Details[tr][/tr]
self

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

fn

被绑定的function

args

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

返回值:

返回动态绑定之后的函数

示例代码:


  1. <!DOCTYPE HTML>
  2. <html ng-app>
  3. <head>
  4. </head>
  5. <script src="http://code.angularjs.org/1.2.3/angular.min.js"></script>
  6. </body>
  7. <script>
  8.       
  9.   var self = {name:'boyi'};
  10.   
  11.   //示例1--带参数
  12.   var f = angular.bind(self, //绑定对象,作为函数的上下文
  13.     //被绑定的函数
  14.     function(age){  
  15.       alert(this.name + ' is ' + age + ' !');
  16.     },
  17.     //绑定的参数,可省略
  18.     '15'
  19.   );
  20.   f();//调用绑定之后的function
  21.    
  22.   //示例2--不带参数
  23.   var m = angular.bind(self, //绑定对象,作为函数的上下文
  24.     //被绑定的函数
  25.     function(age){  
  26.       alert(this.name + ' is ' + age + ' !');
  27.     }
  28.     //省略参数
  29.   );
  30.    
  31.   m(3);//调用传参的函数               
  32.   
  33. </script>

  34. </body>       
  35. </html>
复制代码



回复

使用道具 举报

0

主题

19

帖子

53

积分

注册会员

Rank: 2

积分
53
沙发
发表于 2015-5-26 16:59:42 | 只看该作者
我也来看看 html5 app
回复 支持 反对

使用道具 举报

0

主题

18

帖子

58

积分

注册会员

Rank: 2

积分
58
板凳
发表于 2015-5-26 17:22:36 | 只看该作者
收藏了学习了 顺便顶一下前辈
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-23 19:38 , Processed in 0.068410 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表