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