2017-12-29 16 views
0

Ich verwendete * ngfor, um Daten auf dem Bildschirm anzuzeigen. Ich möchte die Breite von div abhängig von der list.perc Wert festlegen. Ich habe dies unter dem Code verwendet .. aber es gibt Fehler, dass es unsicher ist.Wie legt man die Breite von Div durch Datenbankwert fest?

<ion-list no-lines *ngFor="let list of display;let i=index;" > 
<div style="width:{{list.perc}};height:10px"></div> 
    <ion-item><p style="color: #9DA4AB;">percentage {{list.perc}}</p></ion-item> 
     </ion-list> 

Wie kann ich dies erreichen?

Bitte Tipp ..

Antwort

1

Verwenden ngstyle für Styling.

[style.width]="list.perc+'%'" 

Hoffe, dass es

+0

'list.perc' helfen wird in der Komponente definiert werden. –

+0

Ich aktualisierte meine Antwort. Guck mal. –

+0

Ich habe diesen Code verwendet, aber es funktioniert nur für 100 oder 0 .. Ich habe Wert in der Liste wie [12.33, 23.898, 50, 6.345] .. Wie würde ich Prozent mit ihm schreiben .. kann mit% arbeiten es wird mehr arbeiten genau .. –

Verwandte Themen