Models with AngularJS

Models updating multiple parts of the view.

HTML

<body ng-app="app">
    <div ng-controller="Test">
        <p>selected item is : {{selectedItem}}</p>
      <select ng-model="selectedItem">
        <option ng-repeat="item in items" value="{{item}}">{{item}}</option>
      </select>
    </div>
  </body>

JavaScript

var app = angular.module('app',[]);
app.controller('Test',function($scope){
   $scope.items = ['one','two','three','four']
});