AngularJS 离子指令不起作用答案

【问题标题】：AngularJS Ionic Directive don't workAngularJS 离子指令不起作用
【发布时间】：2015-03-12 01:00:59
【问题描述】：

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

非常感谢

【问题讨论】：

标签： angularjs ionic

【解决方案1】：

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

【讨论】：

别抱歉，我们都会犯这些小错误。很高兴它现在可以工作了