var app = angular.module('app', []);

app.controller('MainCtrl', function($scope, $rootScope) {

  $scope.Labels = {Change_Language_Tooltip: "change lang"};
  $scope.Languages_List = [
    { name: 'English', native: 'English', code: 'en' },
    { name: 'Spanish', native: 'Espanol', code: 'es' },
    { name: 'Italian', native: 'Italiano', code: 'it' }];
  $rootScope.current_Language = $scope.Languages_List[1];

});
<!DOCTYPE html>
<html ng-app="app">

<head>
  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>
  <script data-require="angular.js@1.3.15" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">
  <p>selected item is : {{current_Language}}</p>

  <select class="form-control" 
  onchange="User_Changed_Language()" 
  id="HeaderLanguageSelection" 
  style="cursor:pointer;width:100%;height:30px;margin:0;padding:0" 
  title="{{Labels.Change_Language_Tooltip}}" 
  ng-options="item.name + ' ('+item.native+')' for item in Languages_List track by item.code"
  ng-model="current_Language">
  </select>

</body>

</html>
/* Put your css in here */