AngularJs1.x自定义指令独立作用域的函数传入参数方法

  

在定义指令的范围属性如果设置成了{},那就成为了一个独立作用域,如果要传入一个方法,使用,但,是这里的传参有点不一样。

  

  

,或者,attr——提供了一种方法来执行一个表达式上下文中的父范围。如果没有指定attr名称属性名称是假定为一样的本地名称。鉴于和小部件的定义范围:{localFn:“和myAttr”},然后隔离范围属性localFn将指向一个函数包装器数=数+值表达式。通常是需要传递的数据范围隔离通过表达式和父范围,可以通过局部变量的名称和值映射到fn表达包装器。例如,如果表达式是增量(数量),那么我们可以指定值通过调用localFn localFn({数量:22})。

  

        & lt; !DOCTYPE html>   & lt; html>   & lt;头lang=癳n”比;   & lt;元charset=皍tf - 8”比;   & lt; title> & lt;/title>   & lt;/head>   & lt;身体ng-app=癮pp1”比;   & lt; div ng-controller=癕yCtrl”比;   & lt; div ng-repeat=跋钕钅俊弊榧solated-expression-foo=皍pdateItem(项目,临时)”在   {{项目| json}}   & lt;/div>   & lt;/div>   & lt;/body>   & lt;脚本src=" https://www.yisu.com/scripts/angular.js "祝辞& lt;/script>   & lt; script>   var myModule里=角。模块(app1, [])   myComponent .directive(“添加”功能(){   返回{   限制:' A ',   范围:{   isolatedExpressionFoo: ', '   },   链接:函数(范围、元素attr) {   scope.isolatedExpressionFoo ();   }   };   })   范式(“MyCtrl”,[美元范围,函数(范围美元){   $ scope.items=[{id: 1、价值:“测试”},{id: 2、价值:“TEst2”});   美元的范围。updateItem=函数(项目,临时){   控制台。日志(“项目参数”+ item.id);   控制台。日志(“临时param”+临时);   }   }]);      & lt;/script>   & lt;/html>      之前      

以上这篇AngularJs1.x自定义指令独立作用域的函数传入参数方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

AngularJs1.x自定义指令独立作用域的函数传入参数方法