Estou fazendo um jogo em Web com diferentes níveis e preciso alterar o estilo de uma div utilizando um código salvo dentro de um array no AngularJS. Além disso, o jogo possui uma divisão na tela, onde em uma metade o usuário digita o código e na outra, aparece o resultado. Cada nível possui um estilo diferente para o background da visualização, então precisa ser carregado toda vez.
A parte do arquivo HTML é a seguinte:
<div id="background"></div>
E o código referente ao estilo está da seguinte forma:
$scope.css = [
{
'estilo': 'background-image : url(...); ...'
}
];
Outra forma já testada:
$scope.css = [
{
//nível 1
'background-image': 'url(...)',
'position' : 'absolute',
...
},
{
//nível 2
...
}
];
Entretanto não estou conseguindo exibir o resultado na visualização. Nada aparece. Tentei adicionar ng-style="{{css}}"
à div mas não funcionou. Qual a forma correta de fazer essa atribuição de estilo?