AngularJS: Wie rufen Sie die Funktion auf "onsubmit" in der Steuerung als ng-submit

Bin ich bei der Entwicklung mobiler app in angularJS, ionic framework und cordova. Ich habe ein Szenario, in dem Formular Daten bin ich der übermittlung an die server und wenn die server reagieren, mich mit dem status als 200 bin ich mit der Navigation der Benutzer zu der Seite Bestätigung. Mein code ist:

<ion-view title="Fill the Form" ng-controller="formSubmit">
<ion-content class="padding-vertical" ng-repeat="htmlValue in HTML">
    <form name="fieldForm" id="{{htmlValue.Id}}" method="post" onsubmit="submitFormData($(this).serialize(), $(this).attr('id'))">
        <div class="bootstrap" ng-bind-html="htmlValue.Html | unsafe">

        </div>
        <div class="padding">
            <button  class="button button-block button-calm">
                Submit
            </button>
        </div>
    </form>

    <div class="clearfix"></div>
</ion-content>

Die Funktion die ich geschrieben habe, unter dem index.html Seite, bevor der Körper endet.

<script type="text/javascript">
    function submitFormData(serializedData,value){
        var data = serializedData;
        $.ajax({
            url: base_url+"put/putFormFilledRawData.php?id="+value,
            type: "POST",
            data: data,
            success: function(tableData){
                alert('success');
            }});
        return false;
    };
</script>

Sache ist, wenn Antwort eintrifft als 200 habe ich zum navigieren durch $Staat.die go () - Funktion und für diese Funktion muss aufgerufen werden, in der Steuerung. Für die, die ich habe versucht, ng-submit, die am Ort der onsubmit-aber zeigt mir immer error: submitFormData ist nicht eine Funktion. Wie es funktioniert im inneren controller front view forms-submit aufrufen?

Sie zu binden, müssen submitFormData Funktion mit $scope wie $scope.submitFormData = Funktion() {......}
Es ist eigentlich zu viel jQuery für diese zu arbeiten. Sie sollten sich mal über Controller und scope in angular, dies zu tun. Sie durfte nicht verwenden $.ajax aber $http-eckig-service, Sie durfte nicht verwenden $.attr und $.serialisieren Sie sollten jedoch eckig-Bindung statt.
Wie bekomme ich die Daten, die gefüllt in das Formular ein. Beachten Sie, dass Formular ist dynamisch, sodass die Daten können nicht erfasst werden, die in statischer Weise und geschickt, um post-Anfrage. was ist der Ersatz des $(this).die Serialisierung in angularJS?

InformationsquelleAutor Shaggie | 2015-06-09

4

Den eckigen Weg, es zu tun, ist folgende:

HTML :
```
    <ion-view title="Fill the Form" ng-controller="formSubmit">
    <ion-content class="padding-vertical" ng-repeat="htmlValue in HTML">
        <form name="fieldForm" id="{{htmlValue.Id}}" ng-submit="submitFormData(htmlValue)">
            <div class="bootstrap" ng-bind-html="htmlValue.Html | unsafe">

            </div>
            <div class="padding">
                <button  class="button button-block button-calm">
                    Submit
                </button>
            </div>
        </form>
    <div class="clearfix"></div>
</ion-content>
```
Controller :
```
angular.module('formSubmitModule', [])
        .controller('formSubmit', ['$scope', function($scope, $http) {
          $scope.HTML = []; //Assuming you are getting the array of objects here


    $scope.submitFormData= function(formObj) {
$http({
    url: '/someUrl', 
    method: "POST",
    params: {paramA: valueA, paramB: valueB}
 });
};
```
(Einen anderen Geschmack der $http-service übergeben werden, die params in der URL)

Dies ist, wie Sie sollten, die den ajax-call und POST-Daten des Formulars in angularJS.

P. S. Sie können auch entdecken Sie die 'Verheißungen', die zurückgegeben werden, von dem $http-service von angularjs, anstatt den Umgang mit Erfolg und Fehler-callbacks.
- wie kann ich die geposteten Daten in eine form, die ich ausstelle, mit ng-bind-html="htmlValue.Html | unsicher", dass ich immer mit $(this).serialize() wenn, ich habe mit ng-submit?
- Sie haben nicht einmal zu serialisieren, die das form-Objekt. $http-Dienst ist, kümmern sich die json-Daten-Typ-Objekt. Geben Sie einfach die vollständige Objekt in der $http-service.
- ich möchte zum senden der Daten an meinen server-in-format serialisieren wie key1=value&key2=value2&key3=value3....wie klug. Wie kann ich erreichen, dass genau das übrig ist ansonsten deine Antwort ist perfekt, man
- Verwenden Sie $http-Dienst wie folgt : $http({ url: /someURL, method: "POST", params: {paramA: 'A', paramB : 'B'} });
- Mein Freund, das ist das, was mein Anliegen ist. PI auch nicht wissen, die paramA & paramB. die form inupt Namen definiert, auf die Art der Erstellung der form und es ist dynamisch. Also ich werde nicht wissen, was ist das paramA & paramB infact, es kann Biene 100 der input-Felder..... Ich will einfach nur, um die Daten zu veröffentlichen, um den server zu serialisieren-format, wenn die form erhalten senden. wie kann ich erfassen, dass in angularJS?. In php Schreibe ich normalerweise action="url" und die Daten werden geschrieben, um die url-wie kann ich capture das gleiche in angularJS. an meiner server-Seite PHP ist es also kein Problem. Nur brauche ich zum serialisieren von Daten
- Wenn es 100 ist der Parameter, dann sollten Sie nicht in der URL, statt per POST in den Körper des Erholsamen nennen.
InformationsquelleAutor Vaibhav Pachauri
3

Schauen Sie in die Dokumentation ng-submit

Benötigen Sie einen controller oder eine Richtlinie, und binden Sie die Funktion, um die $scope.
- habe ich schon gemacht. überprüfen Sie meine Frage update für front-Ansicht
- dein submit-Methode muss in der formSubmit controller. Können Sie nach dem code, der den 'formSubmit' - controller, die Sie in der ng-controller-tag? wie @Mico hat
- okk.. aber ich bin nicht immer der eingestellten Daten. Ich brauche, dass man im serialisierten format. nicht ich bin immer noch der wenn. Ich bin mit ng-submit, so jquery ist nicht hier arbeiten
InformationsquelleAutor Tobias Timm

Schauen Sie unter Beispiel

<script>
    angular.module('submitExample', [])
        .controller('ExampleController', ['$scope', function($scope) {
          $scope.list = [];
          $scope.text = 'hello';
          $scope.submit = function() {
            if ($scope.text) {
              $scope.list.push(this.text);
              $scope.text = '';
            }
          };
        }]);
    </script>


<form ng-submit="submit()" ng-controller="ExampleController">
  Enter text and hit enter:
  <input type="text" ng-model="text" name="text" />
  <input type="submit" id="submit" value="Submit" />
  <pre>list={{list}}</pre>
</form>

suchen Sie die für ist dynamisch, ich habe keine Ahnung, mit was auch immer für Felder und welche Felder darin enthalten sind. Das ist der Grund, warum ich verwendet habe serialize () - Funktion
dies ist kopiert und eingefügt werden aus der angular-Dokumentation für ng-submit: docs.angularjs.org/api/ng/directive/ngSubmit
Gibt es etwas, das wir nicht kopiert, wenn er benötigt wurde eine Lösung, so dass ich nur zur Verfügung gestellt

InformationsquelleAutor Shian JA

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.