try this
<!DOCTYPE html>
<html lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
var app = angular.module('myapp', []);
app.controller('myctrl', myfun);
function myfun($scope) {
$scope.description = '';
$scope.selectedItem = 'select'
$scope.items = [
{ value: "select", description: "" }, { value: "apple", description: "is a fruit" }, { value: "carrot", description: "is a vegtable" }, { value: "cashew", description: "is a nut" }
];
$scope.changeItem = function () {
var item = $scope.selectedItem;
for (var i = 0; i < $scope.items.length; i++) {
if ($scope.items[i].value == item) {
$scope.description = $scope.items[i].description;
break;
}
}
}
}
</script>
</head>
<body ng-controller="myctrl" ng-app="myapp">
<select ng-model="selectedItem" ng-change="changeItem()">
<option ng-repeat="x in items" value="{{x.value}}">{{x.value}}</option>
</select>
<span style="border:1px solid gray" id="desc"> {{description}} </span>
</body>
</html>