<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script>
angular.module('myApp',[])
.controller('AngController',function($scope) {
$scope.dataSet = [
{Name:'Larry',Company:'Google'},
{Name:'Mark',Company:'Facebook'},
{Name:'Steve',Company:'Apple'},
{Name:'Bill',Company:'Microsoft'},
{Name:'Michael',Company:'Dell'},
{Name:'Ellison',Company:'Oracle'}
];
$scope.myData = $scope.dataSet[0];
});
</script>
</head>
<body ng-app="myApp">
<div ng-controller="AngController">
<select ng-model="myData" ng-options="data.Name | uppercase for data in dataSet" ng-change="getCompany"></select> - {{myData.Company | lowercase}}
<br>
<select ng-model="myData" ng-options="data.Name | lowercase for data in dataSet" ng-change="getCompany"></select> - {{myData.Company | lowercase}}
</div>
</body>
</html>
The demo for the above code is here..
- {{myData.Company | uppercase}}
- {{myData.Company | lowercase}}
- {{myData.Company | lowercase}}
No comments:
Post a Comment