angular.bind
描述:
上下文,函数以及参数动态绑定,返回值为绑定之后的函数. 其中args是可选的动态参数,self在fn中使用this调用。
使用方法:
angular.bind(self, fn, args);
参数详解:
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>
相关推荐
angular.bind 解释:返回一个调用self的函数fn(self代表fn里的this).可以给fn提供参数args(*).这个功能也被称为局部操作,以区别功能。 格式:angular.bind(self,fn,args); self:object 对象; fn的上下文对象...
angular.extend angular.equals angular.forEach angular.noop angular.bind angular.fromJson angular.identity angular.isUndefined angular.isDefined angular.isString angular.isFunction angular.isObject ...
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 ...
- **AngularJS 数据绑定**:`ng-model`、`ng-bind` 等指令是 AngularJS 中数据绑定的基础,`angular.forEach` 可以在其中起到关键作用。 - **AngularJS 指令**:`ng-repeat` 指令也是基于 `angular.forEach` 实现的...
通过`{{ }}`插值表达式或`ng-bind`指令,可以轻松实现视图与模型的数据交互。 2. **依赖注入**:AngularJS的依赖注入系统使得组件间的耦合度降低,代码更易于测试和维护。在1.6.9中,开发者可以声明控制器、服务、...
iEle.bind('click', function() { scope.$apply(function() { scope.content = '这是点击后的内容'; }); iAttrs.$$element[0].disabled = true; }); } ``` 3. **其他高级属性** - **replace** 当`replace...
1. 使用angular.element(window).bind('load', function(){})方法 在页面的加载过程中,window的load事件会在整个页面、包括所有的依赖资源完全加载完成后触发。在Angular.js中,可以使用angular.element()方法来...
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 ...
AngularJs的angular.extend()方法可以把一个或多个对象中的方法和属性扩展到一个目的对象中,使得这个对象拥有其他对象相同的方法和属性,如下图所示。 angular.extends()方法的第一个参数是要被扩展的对象,后面...
Angular-angular-bind-notifier.zip,按需刷新angularjs绑定。复杂应用程序的巨大性能改进。角度绑定通知程序,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。...
channel.bind('your_event_name', (data) => { console.log('Event received:', data); }); } } ``` ### 实现实时功能 现在,你可以在这个`PusherServiceWrapper`服务中添加更多功能,例如触发服务器事件、...
- **指令**:`angular-store` 还提供了指令,如 `store-bind` 和 `store-watch`,可以直接在DOM元素上进行数据绑定和监听。 ```html <input type="text" store-bind="key"> <!-- 绑定到存储的键 --> ...
`bind()` 方法可以绑定事件处理器,如:`angular.element(element).bind('click', function() {...})` 为点击事件添加处理函数。 5. **获取子元素**: `children()` 方法返回元素的直接子元素,可以配合选择器...
- **标注字符串**:在Angular.js的模板或者控制器中,使用`ng-bind-gettext`或`translate`指令来标记待翻译的字符串。 - **提取字符串**:使用`grunt-gettext`或`gulp-gettext`等工具,从Angular项目中提取所有被...
1.angular.bind(self, fn, args) 作用:返回一个新的函数,绑定这个函数的this指向self 参数: self:新函数的上下文对象 fn:需要绑定的函数 args:传递给函数的参数 返回值:this指向self的新函数 var obj = { ...
通过使用`ng-bind-html`,Angular.js会对绑定的HTML内容进行清理,以避免执行不安全的代码。但是,如果你使用了第三方库,比如ngSanitize模块,就需要注意它可能会与`ng-bind-html`相互影响。 ### 知识点五:注入...