Ich mache gerade eine Lernkurve mit AngularJs durch und stelle fest, dass es praktisch keine Beispiele gibt, die für die Anwendung in der Praxis geeignet sind.

Ich versuche ein klares Verständnis dafür zu bekommen, wie man ein Formular mit den meisten Standardkomponenten einreicht und es an eine PHP-Datei weiterleitet.

MeineGeige.

Hat jemand gute Beispiele für das Einreichen einfacher, nicht verschmutzter Formulare, die mir und wahrscheinlich zahlreichen anderen Angularjs-Anfängern helfen würden?

Wenn ich eine saubere Form sage, beziehe ich mich auf so etwas ..

<div ng-app="myApp">

    <form name="saveTemplateData" action="#" ng-controller="FormCtrl" ng-submit="submitForm()">

        First name:    <br/><input type="text" ng-model="form.firstname">    <br/><br/>
        Email Address: <br/><input type="text" ng-model="form.emailaddress"> <br/><br/>

        <textarea rows="3" cols="25" ng-model="form.textareacontent"></textarea>

            <br/><br/>

        <input type="radio" ng-model="form.gender" value="female" />Female ...
        <input type="radio" ng-model="form.gender" value="male" />Male <br/>

            <br/><br/>

        <input type="checkbox" ng-model="form.member" value="5"/> Already a member

            <br/><br/>

        <input type="file" ng-model="form.file_profile" id="file_profile"><br/>
        <input type="file" ng-model="form.file_avatar" id="file_avatar">

            <br/><br/>

        <!-- <button ng-click="save()" >Save</button> -->
        <input type="submit" ngClick="Submit" >

    </form>

</div>

Mein ng-app Code ...

var app = angular.module('myApp', []);
app.controller('FormCtrl', function ($scope, $http) {

     var formData = {
        firstname: "default",
        emailaddress: "default",
        textareacontent: "default",
        gender: "default",
        member: false,
        file_profile: "default",
        file_avatar: "default"
    };

    $scope.save = function() {
        formData = $scope.form;
    };

    $scope.submitForm = function() {
        console.log("posting data....");
        formData = $scope.form;
        console.log(formData);
        //$http.post('form.php', JSON.stringify(data)).success(function(){/*success callback*/});
    };

 });

Ich denke, drei Fragen, die ich von hier an habe, sind ...

Wie soll meine PHP-Datei damit interagieren (wie bekomme ich den JSON-String in ein Array in einer PHP-Datei)?Wie würde ich den Wert eines Kontrollkästchens übermitteln, wenn das Kontrollkästchen wahr ist?Ich finde viele Informationen über die Verwendung von jQuery with Angular zum Senden von Bildern. Ich sehe, dass sich bereits ein Bildobjekt in dieser Übermittlung befindet. Wie kann ich diese Daten abrufen? Welche Überlegungen sollten bei Bildern berücksichtigt werden?

Ich bin bereit, klare und prägnante Informationen aufzunehmen und ein gutes Lernbeispiel für alle zusammenzustellen ...

MeineGeige