angularjs – 在angular指令中放置辅助函数的位置？

发布时间：2020-12-17 17:38:21 所属栏目：安全来源：网络整理

导读：我创建了一个简单的指令： angular.module("foo").directive('bar',function(){ return { ... template: 'div div ng-hide="param1.length == 0 param2...".../div input ng-show="param1.length == 0 param2..." .../ /div',scope: { param1: '=',par

我创建了一个简单的指令：

angular.module("foo").directive('bar',function(){
    return {
        ...
        template:
            '<div> 
                <div ng-hide="param1.length == 0 && param2...">...</div> 
                <input ng-show="param1.length == 0 && param2..." .../> 
             </div>',scope: {
            param1: '=',param2: '='
        }
    };
});

但是模板中有一个复制的复杂逻辑,所以我想把它提取到一个函数中,然后从模板中调用该函数.我在哪里可以放这样的功能,我该如何调用它？我是否必须创建专用控制器？

解决方法

在链接功能中：

return {
    ...,template: '<div><div ng-hide="foo()">...</div></div>',link: function(scope) {
        scope.foo = function() {
            return scope.param1.length == 0 && ...;
        };
    }
};

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!