Angular: State

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/0.10.6/angular-0.10.6.js"></script>
<div ng:controller="MyController">
<p>selected: {{selected.name}}</p>
  <ul>
    <li ng:repeat="artist in list">
      <button ng:click="select(artist)" >{{artist.name}}</button>
    </li>
  </ul>
</div>

JavaScript

function MyController() {
  var scope = this;
    
  scope.select = function(artist) {
    scope.selected = artist;
  };
    
  scope.list = [{
    name: "Beatles",
    songs: ["Yellow Submarine", "Helter Skelter", "Lucy in the Sky with Diamonds"]
  }, {
    name: "Rolling Stones",
    songs: ["Ruby Tuesday", "Satisfaction", "Jumpin' Jack Flash"]
  }];

}