フォームとコードバーの関数が呼び出されない

Question

ng-submit-submitForm（）関数を呼び出そうとすると、関数を呼び出すことができず、何もしません。どうすれば解決できますか？

(function() { 
 
    'use strict'; 
 

 
    /** 
 
    * @ngdoc function 
 
    * @name app.controller:MainCtrl 
 
    * @description 
 
    * # MainCtrl 
 
    * Controller of the app 
 
    */ 
 
    angular.module('app') 
 
    .controller('MainCtrl', ['$scope', 'cordova', function ($scope, cordova) { 
 
     console.log("Hello..."); 
 
     cordova.ready.then(function() { 
 
      alert('Cordova is ready'); 
 
      console.log("Ready...."); 
 
     }); 
 
     // function to submit the form after all validation has occurred    
 
     this.submitForm = function() { 
 
     console.log("Submit form..."); 
 
     // check to make sure the form is completely valid 
 
     if ($scope.userForm.$valid) { 
 
      alert('our form is amazing'); 
 
      console.log("For submitted..") 
 
     } 
 
     }; 
 
    }]); 
 
    
 
})();

Answer 1

注：私はcordova.readyが動作していると推測しますが、アプリケーションがエミュレータまたは物理デバイスのいずれかで実行されている場合にのみ解決されます。

this.submitFormメソッドの中にコードバーが用意されているかどうかを確認することをおすすめします。

(function() { 
    'use strict'; 

    angular.module('app') 
    .controller('MainCtrl', ['$scope', 'cordova', function ($scope, cordova) { 
     console.log("Hello..."); 

     // function to submit the form after all validation has occurred    
     this.submitForm = function() { 
     console.log("Submit form..."); 
     cordova.ready.then(function() { 
      alert('Cordova is ready'); 
      console.log("Ready...."); 
      validateAndSendForm(); 
     }, function() { 
      console.log('It is not cordova, decide to send or not the form.'); 
      // validateAndSendForm(); 
     }); 
     }; 
     function validateAndSendForm() { 
     // check to make sure the form is completely valid 
     if ($scope.userForm.$valid) { 
      alert('our form is amazing'); 
      console.log("For submitted..") 
     } 
     } 
    }]); 

})(); 

あなたのhtmlのようなものに見えるはずです。

<div ng-controller="MainCtrl as main"> 
    <form method="post" ng-submit="main.submitForm()"> 
    <!-- More fields here --> 
    <button type="submit">Submit</button> 
    </form> 
</div> 

Answer 2

あなたは構文「などのコントローラ」を使用している場合、私は本当に見ることができないが、それ以外、あなたはスコープにsubmitForm機能を追加する必要があります。

$ scope.submitForm = function ...