Changer la couleur de fond dynamiquement dans Ionic 3

Question

Bonjour, je voulais savoir comment je peux changer la couleur de fond, avec un bouton et j'ai essayé ceci sans aucun résultat positif:

ce que j'essaie de faire, c'est qu'avec un bouton je change la couleur de mon arrière-plan, par exemple de blanc à rouge

Je suis en train d'essayer de cette façon mais ça ne marche pas

HTML:

            Ionic Blank

    The world is your oyster.

        If you get lost, the docs will be your guide.

        Hola

TS

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  classname = false;
  constructor(public navCtrl: NavController) {

  }

  color() {
    console.log('Hola');
    this.classname = true;
  }

}

My SCSS.

page-home {
    .classname {
        Background: red;
    }
}

Answer 1

Vous pouvez le faire comme indiqué ci-dessous :

Voici le stackblitz fonctionnel

.ts

  isChanged: boolean = false;
  constructor(public navCtrl: NavController) {
  }

 color() {
   this.isChanged = true;
 }

.scss

.classname{
  background-color: red;
}

.html

    Bienvenue sur Ionic !
    Couleur Dynamique