PhoneGap中文网

标题: angularjs .bind使用 [打印本页]
作者: admin    时间: 2015-4-12 14:50
标题: angularjs .bind使用

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>

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



作者: 354958049    时间: 2015-5-26 16:59
我也来看看 html5 app
作者: binxu1988    时间: 2015-5-26 17:22
收藏了学习了 顺便顶一下前辈



欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2