Gostaria de saber como posso acessar o conteúdo da variável scope
no AngularJS?
Teoricamente fiz tudo "correto", ou seja, declarando a variável no controller e atribuindo valores na mesma:
var app = angular.module('vagalume', []);
app.controller('BandsController', function($scope) {
$scope.teste = 'VALOR DE TESTE';
this.lista = [
{
nome: 'U2',
estilo: 'Rock'
},
{
nome: 'Guns And Roses',
estilo: 'Rock'
},
{
nome: 'Scorpions',
estilo: 'Rock'
}
];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
<body ng-app="vagalume">
<div class="artistas" ng-controller="BandsController as bandas">
{{'TESTE:' + bandas.teste}}
<ul>
<li ng-repeat="banda in bandas.lista">{{banda.nome}}</li>
</ul>
</div>
</body>
O teste nunca retorna nada...
Link com o código: http://jsfiddle.net/v0pLv0ny/