angular.bind使用心得_AngularJS
程序员文章站
2022-03-27 11:49:38
...
angular.bind
解释:返回一个调用self的函数fn(self代表fn里的this).可以给fn提供参数args(*).这个功能也被称为局部操作,以区别功能。
格式:angular.bind(self,fn,args);
self:object 对象; fn的上下文对象,在fn中可以用this调用
fn:function; 绑定的方法
args:传入fn的参数
var obj = { name: "Any" }; var fn = function (Adj) { console.log(this.name + "is a boy!!! And he is " + Adj + " !!!"); }; var f = angular.bind(obj, fn, "handsome"); f();//Any is a boy!!! And he is handsome!!! var t = angular.bind(obj, fn); t("ugly");// Any is a boy!!! And he is ugly!!!
接下来说说对angular.bind的理解吧~
bind顾名思义绑定的意思,那么假如我们要把A绑到B上,那么必须又有A和B这2个存在体。这里需要的2个存在体就一个对象和一个函数。那么怎么绑?@野兽的理解是把对象“绑”到函数的this上去执行,这时候fn的this就等于obj了,至于第三个参数,可有可无,看需求,如果函数需要传入参数,那么我们可以把angular.bind的第三个参数放上去,这就是传入fn函数的参数了。
案例中第一种写法是定义绑定的时候就把fn所需的参数传进去了,调用的时候直接用,而案例中第二种写法是先绑定,在调用执行的时候再给fn传参,效果是一样的
对于那上面的英文句子(好吧,虽然只有2句),如果有写错了,那么说明深深的爱着我们的母语-中文;如果一不小心写对了,那么请为这个装的66666的B鼓掌~
文章最后,我们来看个实例吧
上一篇: CSS的优点和缺点分别是什么
推荐阅读
-
AngularJS中directive指令使用之事件绑定与指令交互用法示例
-
AngularJS自定义服务与fliter的混合使用
-
详解Vue基于vue-quill-editor富文本编辑器使用心得
-
AngularJS使用ng-options指令实现下拉框
-
AngularJS使用ng-repeat指令实现下拉框
-
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
-
关于使用key/value数据库redis和TTSERVER的心得体会
-
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
-
swiper在angularjs中使用循环轮播失效的解决方法
-
Z-Blog博客使用心得体会