Angularjs - proste przesłanie formularza

Przechodzę przez krzywą uczenia się z AngularJs i stwierdzam, że praktycznie nie ma przykładów, które służą rzeczywistemu użyciu.

Próbuję zrozumieć, jak przesłać formularz za pomocą najbardziej standardowych komponentów i przekazać go do pliku PHP ..

Mójskrzypce.

Czy ktoś ma jakieś dobre przykłady na przesyłanie prostych, niezanieczyszczonych formularzy, które mogłyby mi pomóc i prawdopodobnie wielu innych początkujących Angularjów ..

Kiedy mówię czystą formę, mam na myśli coś takiego ...

<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>

Mój kod ng-app ...

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*/});
    };

 });

Myślę, że trzy pytania, które mam od teraz, są ...

Jak ma z tym współpracować mój plik php (jak uzyskać ciąg json do tablicy w pliku php)?Jak przesłać wartość pola wyboru, gdy pole wyboru jest prawdziwe?Znajduję wiele informacji abotu za pomocą jQuery z Angular, aby przesłać obrazy ,, Widzę, że w tym zgłoszeniu jest już obiekt obrazu, jak mogę odzyskać te dane? Co należy uwzględnić w przypadku obrazów?

Jestem gotów zebrać wszelkie jasne i zwięzłe informacje i złożyć dobry przykład uczenia się dla wszystkich ...

Mójskrzypce

questionAnswers(4)

yourAnswerToTheQuestion