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 文件中,我没有在其中使用范围声明,因为我想使用父范围。有没有人已经遇到过这样的问题,我会很高兴听到,因为这让我发疯了......

多谢

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

最新更新