Angular

download Angular

of 14

description

Angular

Transcript of Angular

Angularvar app=angular.module('MultiplierApp',[]);app.controller('MultiplierController',['$scope',function($scope){ $scope.n1=10; $scope.n2=20; $scope.result=$scope.n1*$scope.n2; $scope.multiply=function(){ $scope.result=$scope.n1*$scope.n2; }; }]);//controller


First

Second

Multiply
{{result}}

var app=angular.module('MultiplierApp',[]);app.controller('MultiplierController',['$scope',function($scope){ $scope.n1=10; $scope.n2=20; $scope.multiply=function(){ return $scope.n1*$scope.n2; }; }]);//controller


First

Second

Multiply
{{multiply()}}

DropDown Demo

var app=angular.module('FMA',[]);app.controller('FMC',['$scope',function($scope){ $scope.price=0; $scope.dishes=[ {"name":"Noodles","price":30}, {"name":"Samosa","price":10}, {"name":"Poha","price":8}, {"name":"Chai","price":5} ];//Array of Dishes }]);

{{dish.name}}
{{price}}

Multiple Checkbox


{{drink.name}}@{{drink.price}}
{{totl()}}

var app = angular.module('BA', []);app.controller('BC', ['$scope', function ($scope) { $scope.drinks = [ {"name": "Pepsi", "price": 12}, {"name": "Mirinda", "price": 15}, {"name": "Fanta", "price": 18}, {"name": "Thum Up", "price": 20} ]; $scope.selected = ["Pepsi", "Fanta"]; $scope.updateUI = function (name) { var idx = $scope.selected.indexOf(name); if (idx > -1) { $scope.selected.splice(idx, 1); } else { $scope.selected.push(name); } }; $scope.totl = function () { var count = 0; angular.forEach($scope.drinks, function (drink) { if($scope.selected.indexOf(drink.name)>=0){ count += drink.price; } }); return count; }; }]);