1

Preciso mudar a cor de fundo da página quando marco o checkbox e voltar a cor original quando desmarco, consegui apenas o 1º passo e não consigo voltar a cor original, alguém ajude.

<body ng-app='turma' ng-style='fundo'>
<label><input type="checkbox" ng-checked='fundo={"background-color":"#333", color:"white"}'>Fundo escuro</label>

1 Resposta 1

1

Tente isso:

var app = angular.module("testApp", []);
app.controller('testCtrl', function($scope){
   $scope.inventory = {productName:false};
})
.checked{
    background-color:grey;
  }

.unchecked{
   background-color:white;
  }
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="testApp" ng-controller="testCtrl">
  
  <div ng-class = "{'checked': inventory.productName, 'unchecked' : !inventory.productName}">
   <input type="checkbox"  class="checkbox" ng-model="inventory.productName"  />Fundo escuro
  </div>

</div>

2
  • não funcionou o codigo
    – nelson450
    11/11/2017 às 15:09
  • no compilador da Stack esta funcionando, clica no botão "Executar" 11/11/2017 às 15:10

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .