<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script>
angular.module("CounterApp", [])
.controller("CounterController1", function($scope) {
$scope.a = 0;
$scope.decrement = function() {
if ($scope.a > 0) $scope.a--;
}
})
.controller("CounterController2", function($scope) {
$scope.b = 0;
$scope.decrement = function() {
if ($scope.b > 0) $scope.b--;
}
})
.controller("CounterController3", function($scope) {
$scope.c = 0;
$scope.decrement = function() {
if ($scope.c > 0) $scope.c--;
}
});
</script>
</head>
<body>
<div ng-app="CounterApp">
<div ng-controller="CounterController1">
<button ng-model="a" type="number" ng-click="decrement()">Decrement</button>
{{a}}
<button ng-model="a" type="number" ng-click="a = a + 1">Increment</button>
</div>
<div ng-controller="CounterController2">
<button ng-model="b" type="number" ng-click="decrement()">Decrement</button>
{{b}}
<button ng-model="b" type="number" ng-click="b = b + 1">Increment</button>
</div>
<div ng-controller="CounterController3">
<button ng-model="c" type="number" ng-click="decrement()">Decrement</button>
{{c}}
<button ng-model="c" type="number" ng-click="c = c + 1">Increment</button>
<h1>{{ a + b + c }}</h1>
</div>
</div>
</div>
</body>
</html>
Средний
Простой
Средний
Средний