Angularjs: ng-click übergabe einzelner Parameter
Hallo community,
ich arbeite gerade an einem online Warenkorb für Pizzas und benutze dafür angularjs. Ich habe eine JSON Datei in der alle Artikel wie folg aufgelistet sind.
{"name": "Pizza Salami", "price": 4}
Meine app.js sieht wie folgt aus:
Nun möchte ich mit ng-click die einzelnen Pizzas hinzufügen, was mit folgenem Code auch funktioniert.
Meine Frage nun, kann ich auch ohne ng-repeat ein bestimmten Parameter übergeben?
Also zum Beispiel durch
nur das 1 Element der Scope.
ich arbeite gerade an einem online Warenkorb für Pizzas und benutze dafür angularjs. Ich habe eine JSON Datei in der alle Artikel wie folg aufgelistet sind.
{"name": "Pizza Salami", "price": 4}
Meine app.js sieht wie folgt aus:
angular.module('PizzaApp', )
.factory('Cart', function() {
var items = ;
return {
getItems: function() {
return items;
},
addPizza: function(pizza) {
items.push(pizza);
},
sum: function() {
return items.reduce(function(total, pizza) {
return total + pizza.price;
}, 0);
}
};
})
.controller('PizzasCtrl', function($scope, $http, Cart){
$scope.cart = Cart;
$http.get('pizzas.json').then(function(pizzasResponse) {
$scope.pizzas = pizzasResponse.data;
});
})
.controller('CartCtrl', function($scope, Cart){
$scope.cart = Cart;
});
Nun möchte ich mit ng-click die einzelnen Pizzas hinzufügen, was mit folgenem Code auch funktioniert.
<table class="table" ng-controller="PizzasCtrl">
<tr ng-repeat="pizza in pizzas">
<td>{{pizza.name}}</td>
<td>{{pizza.price}}</td>
<td><a href class="btn btn-default btn-sm" ng-click="cart.addPizza(pizza);">Hinzufügen</a></td>
</tr>
</table>
Meine Frage nun, kann ich auch ohne ng-repeat ein bestimmten Parameter übergeben?
Also zum Beispiel durch
ng-click="cart.addPizza(pizza.1)
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 300409
Url: https://administrator.de/contentid/300409
Ausgedruckt am: 26.11.2024 um 12:11 Uhr
2 Kommentare
Neuester Kommentar
Moin,
ich würd's mal so versuchen
"pizzas" ist ja auch nur ein Array von Objekten.
Gruß jodel32
ich würd's mal so versuchen
ng-click="cart.addPizza(pizzas)"
Gruß jodel32