AngularJS离子指令不起作用

时间:2015-03-11 16:57:04

标签: angularjs ionic

我在项目中使用AngularJS和Ionic,我想尝试创建指令。它不显示任何错误或警告消息,但它也不执行指令的功能。现在,我的代码就是这样, 这是js文件:

angular.module('wingz').directives('preventSubmit',function(){
return {
    restrict: 'A',
    link: function(scope,element,attr){
        console.log('in directive');
        element.bind('submit',function(e){
            if(!element.$valid){
                e.preventDefault();
                console.log(element.child);
            }
        });
    }
}

});

这是html:

<form name="form" class="credit-card-form" prevent-submit ng-submit="doAddCard()">

它已经加载到index.html文件中,我没有在其中使用scopedéclaration,因为我想使用父作用域。有没有人有这样的问题,我会很高兴听到,因为这让我发疯了......

非常感谢

1 个答案:

答案 0 :(得分:3)

它应该是angular.module('wingz').directive('preventSubmit', function() { ... })而不是.directives