AngularJS Ionic 指令不起作用

标签 angularjs ionic-framework

我在一个项目中使用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

关于AngularJS Ionic 指令不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28992744/

相关文章:

angularjs - 在 ng-repeat 中查找单击元素的范围

javascript - 扩展 UI 选择 Controller ( Angular )

javascript - 多次调用可观察订阅?

javascript - 将 Google map 添加到 AngularJS 和 Ionic 应用程序

angularjs - 如何在 ion-view 中打印网页

javascript - 当 $validators 返回 false 时,作用域变量将被 ng-model-options 删除

java - 使用 Selenium WD 处理 AngularJS 弹出窗口

javascript - 从对象中过滤出最高数字

angularjs - 在 angular2 constructor() 中使用 private 与 public 关键字有什么不同

ionic-framework - Ionic App 中的 Typeform 导致 zone.js 失败