Skip to main content
se eliminaron 24 caracteres en el cuerpo; título editado
Origen Enlace
user128299
user128299

Como cambiar el color de un botón según 0/1 Angular Mysql

Necesito cambiar el color de un botón según si es 0 o 1
en el HTML :

    <tr class="text-white" *ngFor="let item of Velas;let i = index">
            <td class="text-center"> {{i+1}}</td>
            <td class="text-center">{{item.codigo}}</td>
            <td class="text-center">{{item.nombre}}</td>
            <td class="text-center" style="list-style:none;"><button type="button" 
      class="btn btn-sm m-2" [ngStyle]="{'font- weight':'bolt','color':'white','font-size':'18px','background':getColorCard(item.encendi)}" >POWER</button>
              
            </td>
</tr>

y en el componente intente esto pero no me funciona:

 getColorCard(encendi) {
  
  switch (encendi) {
    case 0:
      return this.color = 'green';
      
    case 1:
      return this.color = 'red';
  
  }

}

desde ya gracias.-

Como cambiar el color de un botón según 0/1 Angular Mysql

Necesito cambiar el color de un botón según si es 0 o 1
en el HTML :

    <tr class="text-white" *ngFor="let item of Velas;let i = index">
            <td class="text-center"> {{i+1}}</td>
            <td class="text-center">{{item.codigo}}</td>
            <td class="text-center">{{item.nombre}}</td>
            <td class="text-center" style="list-style:none;"><button type="button" 
      class="btn btn-sm m-2" [ngStyle]="{'font- weight':'bolt','color':'white','font-size':'18px','background':getColorCard(item.encendi)}" >POWER</button>
              
            </td>
</tr>

y en el componente intente esto pero no me funciona:

 getColorCard(encendi) {
  
  switch (encendi) {
    case 0:
      return this.color = 'green';
      
    case 1:
      return this.color = 'red';
  
  }

}

desde ya gracias.-

Como cambiar el color de un botón según 0/1 Angular

Necesito cambiar el color de un botón según si es 0 o 1
en el HTML :

    <tr class="text-white" *ngFor="let item of Velas;let i = index">
            <td class="text-center"> {{i+1}}</td>
            <td class="text-center">{{item.codigo}}</td>
            <td class="text-center">{{item.nombre}}</td>
            <td class="text-center" style="list-style:none;"><button type="button" 
      class="btn btn-sm m-2" [ngStyle]="{'font- weight':'bolt','color':'white','font-size':'18px','background':getColorCard(item.encendi)}" >POWER</button>
              
            </td>
</tr>

y en el componente intente esto pero no me funciona:

 getColorCard(encendi) {
  
  switch (encendi) {
    case 0:
      return this.color = 'green';
      
    case 1:
      return this.color = 'red';
  
  }

}
Origen Enlace
Adrian
  • 57
  • 1
  • 8

Como cambiar el color de un botón según 0/1 Angular Mysql

Necesito cambiar el color de un botón según si es 0 o 1
en el HTML :

    <tr class="text-white" *ngFor="let item of Velas;let i = index">
            <td class="text-center"> {{i+1}}</td>
            <td class="text-center">{{item.codigo}}</td>
            <td class="text-center">{{item.nombre}}</td>
            <td class="text-center" style="list-style:none;"><button type="button" 
      class="btn btn-sm m-2" [ngStyle]="{'font- weight':'bolt','color':'white','font-size':'18px','background':getColorCard(item.encendi)}" >POWER</button>
              
            </td>
</tr>

y en el componente intente esto pero no me funciona:

 getColorCard(encendi) {
  
  switch (encendi) {
    case 0:
      return this.color = 'green';
      
    case 1:
      return this.color = 'red';
  
  }

}

desde ya gracias.-