Angularjs äquivalent zu serialisieren

Arbeite ich in der Angularjs-Anwendung und ich haben eine einfache form. Ich brauche das erstellen eines einfachen Weg, um alle Daten in das Formular, so etwas wie jQuery: serialisieren. Aber ich, was data binding ist auch keine gute Lösung. Meine form werde einige "Felder" wie folgt:

<div class="multiselect-container" >
<label>Countries:</label>
<ul>
    <li ng-repeat="country in countries" >
        <input type="checkbox" id="country_{{country.id}}"  value="{{country.id}}" />
        <label for="country_{{country.id}}"  >{{ country.name }}</label>
    </li>
</ul>

Jedes "Feld", ich ein können wählen Sie eine Reihe von Elementen.
Kann mir jemand sagen, einen guten Weg zu lösen, umzusetzen ().

Dank!

Warum denken Sie, dass die Datenbindung ist nicht eine gute Lösung?
Gut,nicht über vor-Erfahrungen mit AngularJS. Wie Sie etwas umzusetzen, wie in diesem Beispiel?
Mit Eckigen, sollten Sie aufhören zu denken, über die DOM und denken in Bezug auf das Modell. So setzen Sie ein Objekt, das Ihre Daten in die $scope, binden, Eingänge zu diesem Objekt, und senden Sie dann dieses Objekt.
Sie bereits haben, was Sie brauchen, um die Serialisierung in form Ihrer Länder ein array binden, mit ng-model oder erstellen Sie einen anderen Bereich Objekt zu binden. Es klingt wie Sie sind mit eckigen einfach für eine Template-engine....und fehlt etwa 75% der it-Fähigkeiten. Leicht zu finden-tutorials ...versuchen paar

InformationsquelleAutor Miguel Q. | 2013-11-03

  1. 1

    Ich denke, dass die Datenbindung das ist keine schlechte Lösung, sowieso können Sie benutzerdefinierte Richtlinie, die Daten serialisiert und als Wert der Eigenschaft, die Sie angegeben haben:

    function MC($scope) {
    $scope.$watch('prop', function (v) {
        console.log(v);
    });
}

angular.module('ng')
.directive('formSerialization', function () {
    return {
        scope: {
            'formSerialization': '='
        },
        link: function (scope, elem, attrs) {
            console.log(attrs);
            $(elem).closest('form').submit(function () {
                var form = this;
                scope.$apply(function () {
                    scope.formSerialization = $(form).serialize();
                });
            });
        }
    };
});

    Können Sie es mit den folgenden mark-up:

    <form ng-app="" ng-controller="MC">
    <input name="txt" type="text" ng-model="prop" />
    <input data-form-serialization="prop" type="submit" value="Submit" />
</form>

    Und hier ist ein JSFiddle DEMO.

    Wenn Sie muss verwenden Sie serialisieren, würde ich sagen, du bist besser dran, vorbei die eckige form data object in jquery param Globale statische Methode: api.jquery.com/jquery.param

    InformationsquelleAutor Minko Gechev

  2. 1

    Dank für Eure Antworten.Sorry, habe ich nicht aussetzen, meine Frage in einem guten Weg, aber ich habe eine einfache Lösung.

    <div class="multiselect-container" >
    <label>Countries:</label>
    <ul>
        <li ng-repeat="country in countries" >
           <input type="checkbox" id="country_{{country.id}}" ng-model="data.countries[country.id]"  value="{{country.id}}" />
           <label for="country_{{country.id}}"  >{{ country.name }}</label>
        </li>
    </ul>
</div>

    Dank!

    InformationsquelleAutor Miguel Q.

  3. 1

    Können Sie versuchen, diese, http://docs.angularjs.org/api/ng/function/angular.toJson

    In dieser Art und Weise können Sie ein Objekt serialisieren zu json string

    InformationsquelleAutor Shakeel

Schreibe einen Kommentar