您好，我想創建一個以百分比為單位的評分系統。我正在使用 Ionic 5 和 Angular 12。
這是我想要做的。
export class GivePointsComponent implements OnInit {
currentValue = 0;
html
<ul >
<li *ngFor="let number of [0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100%]" [class.selected]="number === currentValue">
{{number}}
</li>
</ul>
我顯然收到了一個關于 % 的數字的錯誤
ERROR Error: Uncaught (in promise): Error: Errors during JIT compilation of template for GivePointsComponent: Parser Error: Unexpected token , at column 18 in [let number of [0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100%]] in ng:///GivePointsComponent/template.html@35:10 ("
</ion-range>
<ul >
<li [ERROR ->]*ngFor="let number of [0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100%]" [class.selected]="numb"): ng:///GivePointsComponent/template.html@35:10, Parser Error: Unexpected token , at column 18 in [let number of [0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100%]] in ng:///GivePointsComponent/template.html@35:10 ("li *ngFor="let number of [0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100%]" [class.selected]="[ERROR ->]number === currentValue">
{{number}}
</li>
uj5u.com熱心網友回復：
只需從陣列中洗掉百分比符號并將其添加僅用于顯示：
<ul >
<li *ngFor="let number of [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100]" [class.selected]="number === currentValue">
{{number}}%
</li>
</ul>
我還建議您為號碼串列設定一個屬性：
在 TS
export class Component {
percentList: number[] = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
currentValue: number = 0;
}
并在模板中
<ul >
<li *ngFor="let number of percentList" [class.selected]="number === currentValue">
{{number}}%
</li>
</ul>
uj5u.com熱心網友回復：
您可以將百分比陣列定義為字串，也可以將其['0%', '10%', ..., '100%']保留為數字[0, 10, ..., 100]并使用{{ number '%' }}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/505899.html
上一篇：離子日期輸入，選擇后自動提交