Angular Daten an localhost senden
Hi Experten,
ich befasse mich gerade etwas mit AngularJS und habe jetzt ein kleines Problem mit dem absenden von Daten. Hier mal ein paar Code-Auszüge:
app.js:
und hier mal der HTML Teil:
Bei Aufrufen der Seite erhalte ich dann im Log schon einer Fehlermeldung
Error: [ng:areq] Argument 'sendDataCtrl' is not a function, got undefined
Leider habe ich keine Ahnung, was das Problem ist. Kann mir da evtl. jemand helfen?
ich befasse mich gerade etwas mit AngularJS und habe jetzt ein kleines Problem mit dem absenden von Daten. Hier mal ein paar Code-Auszüge:
app.js:
ngular.module('AngularApp', ['ngAnimate', 'ngRoute'])
/*
getItems: gibt alle Artikel zurück
addArticle: nimmt ein objekt entgegen und fügt es dem "Warenkorb"(items) hinzu
sum: Berechnet die Summe der Pizzen im Warenkorb
*/
.config(function ($routeProvider) {
$routeProvider
.when('/', {templateUrl: 'articles.html'})
.when('/about', {template: 'Über unsere Pizzeria'})
.otherwise({redirectTo: '/'});
})<snip>
.controller('SendDataCtrl', function ($scope, $http) {
var url = 'localhost';
var Data = 'Test';
$scope.sendData = function () {
$http({
method: 'POST',
url: 'localhost:63342',
data: 'Test',
headers: {'Content-Type' : 'application/x-www-form-urlencoded'}
}).error(function (response) {
console.log(response);
});
}
});
und hier mal der HTML Teil:
<div ng-controller="sendDataCtrl">
<a href ng-show="cart.getItems().length" class="btn btn-success glyphicon glyphicon-shopping-cart"
ng-click="sendData();"> Bestellen</a>
</div>
Bei Aufrufen der Seite erhalte ich dann im Log schon einer Fehlermeldung
Error: [ng:areq] Argument 'sendDataCtrl' is not a function, got undefined
Leider habe ich keine Ahnung, was das Problem ist. Kann mir da evtl. jemand helfen?
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 329995
Url: https://administrator.de/contentid/329995
Ausgedruckt am: 22.11.2024 um 22:11 Uhr
1 Kommentar
Hi,
kenne zwar AngularJS jetzt nicht, aber normalerweise ist JavaScript ja "case-sensitive", deswegen würde ich das als erstes im JS und HTML angleichen:
sendDataCtrl => SendDataCtrl
Gruß
kenne zwar AngularJS jetzt nicht, aber normalerweise ist JavaScript ja "case-sensitive", deswegen würde ich das als erstes im JS und HTML angleichen:
sendDataCtrl => SendDataCtrl
Gruß