<!DOCTYPE html>
<html ng-app="exemplicio">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript">
(function() {
var app = angular.module('exemplicio', [])
app.controller("MusicaController", function(){
this.musicas = sonho_medio;
this.altera_musicas = function() {
if (this.musicas == queen_is_dead) {
this.musicas = sonho_medio;
} else {
this.musicas = queen_is_dead;
}
};
});
var sonho_medio = [
{ titulo: 'Escapando', artista: 'Dead Fish' },
{ titulo: 'Sobre a violência', artista: 'Dead Fish' },
{ titulo: 'Modificar', artista: 'Dead Fish' },
{ titulo: 'Paz verde', artista: 'Dead Fish' },
{ titulo: 'Mulheres negras', artista: 'Dead Fish' },
{ titulo: 'Sonho médio', artista: 'Dead Fish' },
{ titulo: 'Por paz', artista: 'Dead Fish' },
{ titulo: 'Fragmentos de um conflito iminente', artista: 'Dead Fish' },
{ titulo: 'Hoje', artista: 'Dead Fish' },
{ titulo: 'Cidadão padrão', artista: 'Dead Fish' },
{ titulo: 'Sua bandeira', artista: 'Dead Fish' },
{ titulo: 'Canção para amigos', artista: 'Dead Fish' },
{ titulo: 'Damn\' Lie', artista: 'Dead Fish' },
{ titulo: 'Lost Soul', artista: 'Dead Fish' }
];
var queen_is_dead = [
{ titulo: 'The queen is dead', artista: 'The Smiths' },
{ titulo: 'Frankly, Mr. Shankly', artista: 'The Smiths' },
{ titulo: 'I know it\'s over', artista: 'The Smiths' },
{ titulo: 'Never had no one ever', artista: 'The Smiths' },
{ titulo: 'Cemetary gates', artista: 'The Smiths' },
{ titulo: 'Bigmouth strikes again', artista: 'The Smiths' },
{ titulo: 'The boy with the thorn in his side', artista: 'The Smiths' },
{ titulo: 'Vicar in a tutu', artista: 'The Smiths' },
{ titulo: 'There is a light that never goes out', artista: 'The Smiths' },
{ titulo: 'Some girls are bigger than others', artista: 'The Smiths' }
];
})();
</script>
</head>
<body ng-controller="MusicaController as musicaCtrl">
<ul>
<li ng-repeat="musica in musicaCtrl.musicas">
{{musica.titulo}} - {{musica.artista}}
</li>
</ul>
<input type="button" value="Alterar músicas" ng-click="musicaCtrl.altera_musicas()" />
</body>
</html> |
