|
1 | 1 | <!doctype html> |
2 | | -<html lang="en" ng:app="tunesApp"> |
| 2 | +<html lang="en" ng-app="tunesApp"> |
3 | 3 | <!-- also try using the "tunesAppFake" module instead and uncomment angular-mocks.js below --> |
4 | 4 | <head> |
5 | 5 | <meta charset="utf-8"> |
|
16 | 16 | <script src="js/Tunes.js"></script> |
17 | 17 | </head> |
18 | 18 |
|
19 | | - <body ng:controller="TunesCtrl"> |
| 19 | + <body ng-controller="TunesCtrl"> |
20 | 20 | <div id="container"> |
21 | 21 | <div class="playlist"> |
22 | 22 | <h1>Playlist</h1> |
23 | 23 | <nav> |
24 | | - <button class="control play" ng:click="player.play()" ng:hide="player.playing">Play</button> |
25 | | - <button class="control pause" ng:click="player.pause()" ng:show="player.playing">Pause</button> |
26 | | - <button class="control prev" ng:click="player.previous()">Prev</button> |
27 | | - <button class="control next" ng:click="player.next()">Next</button> |
| 24 | + <button class="control play" ng-click="player.play()" ng-hide="player.playing">Play</button> |
| 25 | + <button class="control pause" ng-click="player.pause()" ng-show="player.playing">Pause</button> |
| 26 | + <button class="control prev" ng-click="player.previous()">Prev</button> |
| 27 | + <button class="control next" ng-click="player.next()">Next</button> |
28 | 28 | </nav> |
29 | 29 | <ul class="albums"> |
30 | | - <li class="album" ng:repeat="album in player.playlist" |
31 | | - ng:class="player.current.album == $index && 'current'"> |
32 | | - <button class="queue remove" ng:click="player.playlist.remove(album)"></button> |
| 30 | + <li class="album" ng-repeat="album in player.playlist" |
| 31 | + ng-class="player.current.album == $index && 'current'"> |
| 32 | + <button class="queue remove" ng-click="player.playlist.remove(album)"></button> |
33 | 33 | <span class="album-title">{{album.title}}</span> |
34 | 34 | <span class="artist-name">{{album.artist}}</span> |
35 | 35 | <ol class="tracks"> |
36 | | - <li ng:repeat="track in album.tracks" class="track" |
37 | | - ng:class="player.current.track == $index && 'current'" |
38 | | - ng:click="player.play($index, $parent.$index)">{{track.title}}</li> |
| 36 | + <li ng-repeat="track in album.tracks" class="track" |
| 37 | + ng-class="player.current.track == $index && 'current'" |
| 38 | + ng-click="player.play($index, $parent.$index)">{{track.title}}</li> |
39 | 39 | </ol> |
40 | 40 | </li> |
41 | 41 | </ul> |
42 | 42 | </div> |
43 | 43 | <section class="library"> |
44 | 44 | <h1>Music Library</h1> |
45 | 45 | <ul class="albums"> |
46 | | - <li class="album current" ng:repeat="album in albums"> |
47 | | - <button class="queue add" ng:click="player.playlist.add(album)"></button> |
| 46 | + <li class="album current" ng-repeat="album in albums"> |
| 47 | + <button class="queue add" ng-click="player.playlist.add(album)"></button> |
48 | 48 | <span class="album-title">{{album.title}}</span> |
49 | 49 | <span class="artist-name">{{album.artist}}</span> |
50 | 50 | </li> |
|
0 commit comments