Soy nuevo en Angular y busqué pero no puedo encontrar la respuesta a mi pregunta.
He definido una variable en mi clase y planeo usarla en la plantilla.
public colors = ['red', 'green', 'blue', 'yellow'];
En la plantilla, tengo el siguiente código:
<div *ngFor="let c of colors; index as i">
<div [style.width]="'100px'" [style.height]="{{(i+1)*10}}px" [style.backgroundColor]="c">{{c}}</div>
</div>
Mi intención es calcular la altura de CSS mediante la fórmula (i+1)*10
px. La sintaxis del fragmento superior no es correcta. ¿Cuál es la forma correcta de implementarlo?
Simplemente elimine los corchetes []
. Aquí se actualiza uno a continuación
<div *ngFor="let c of colors; let i = index">
<div style.height="{{(i+1)*10}}px" [style.backgroundColor]="c">{{c}}</div>
</div>
Echa un vistazo a StackBlitz
Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.
En caso de infracción, por favor [email protected] Eliminar
Déjame decir algunas palabras