Angular checkbox training
HTML
<h1>Shop</h1>
<div ng-app="" ng-controller="MyCtrl">
<input type="checkbox" ng-model="status.addTable" ng-change="addTable()" />Add table!
<br>
<input type="checkbox" ng-model="status.addBed" ng-change="addBed()" />And bed!
<br><br>
<p>Your cart:</p>
<p>Summa: {{data.summa}}</p>
<div ng-repeat="nom in personne">
<a style="color:red;font-weight:bolder">{{nom.name}}</a>
</div>
</div>
JavaScript
function MyCtrl($scope) {
$scope.data = {
summa: 0
};
$scope.price = {
table: 500,
bed: 400
}
$scope.status = {
addTable: false,
addBed:false,
};
$scope.addTable = function () {
if ($scope.status.addTable) {
$scope.data.summa += $scope.price.table;
} else {
$scope.data.summa -= $scope.price.table;
}
};
$scope.addBed = function () {
if ($scope.status.addBed) {
$scope.data.summa += $scope.price.bed;
} else {
$scope.data.summa -= $scope.price.bed;
}
};
$scope.personne=[{'name':'Rakoto'},{'name':'Nicolas'},{'name':'Dina'}];
}