您好,欢迎来到爱玩科技网。
搜索
您的当前位置:首页AngularJs1.x自定义指令作用域的函数传入参数

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

来源:爱玩科技网

在定义指令的scope属性如果设置成了{},那就成为了一个作用域,如果要传入一个方法,使用&,但是这里的传参有点不一样。先看下官网解释:

这里有个例子:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body ng-app="app1">
<div ng-controller="MyCtrl">
    <div ng-repeat="item in items" my-component isolated-expression-foo="updateItem(item,temp)">
        {{item|json}}
    </div>
</div>
</body>
<script src="../scripts/angular.js"></script>
<script>
    var myModule = angular.module('app1', [])
            .directive('myComponent', function () {
                return {
                    restrict:'A',
                    scope:{
                        isolatedExpressionFoo:'&'
                    },
                    link:function(scope,element,attr) {
                        scope.isolatedExpressionFoo();
                    }
                };
            })
            .controller('MyCtrl', ['$scope', function ($scope) {
                $scope.items=[{id:1,value:"test"},{id:2,value:"TEst2"}];
                $scope.updateItem = function (item,temp) {
                    console.log("Item param "+item.id);
                    console.log("temp param " + temp);
                }
            }]);

</script>
</html>

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- aiwanbo.com 版权所有 赣ICP备2024042808号-3

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务