AngularJs Basic Setup

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div ng-controller="testCtrl">
   <select ng-options="item.name for item in selectItemsFilterCriteria" name="field_event" ng-model="paragraphToShow">
   
   </select>
  
  
<p>{{paragraphToShow.para}}</p>
</div>

JavaScript

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

app.controller('testCtrl', ['$scope', function ($scope) {
   
   $scope.selectItemsFilterCriteria = [
  {id: 1, name: "An event that occurred in the past 12 months",para:"Ohh new event occured"},
  {id: 2,name: "child/family got a new dog",para:"I heard you got a new dog"},
  {id: 3, name: "child/family got a new cat",para:"I heard you got a new cat"}
];
}]);