Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-app="app">
  <div ng-controller="AlbumController">
    <select class="rounded bold"
        ng-model="selectedAlbum" 
        ng-options="album.albumName for album in albumsList">
      <option value="">-- choose album--</option>
    </select>
    
    <p>{{selectedAlbum}}</p>
  </div>
</body>
</html>
 
angular
  .module('app', [])
  .controller('AlbumController', AlbumController);
function AlbumController($scope) {
  $scope.albumsList = [
    {albumName: "one"},
    {albumName: "two"},
    {albumName: "three"},
    {albumName: "four"},
  ];
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers