离子范围垃圾邮件和泛滥控制台无法正常工作

Question

所以我做了一个滑块来改变文本大小。我检查了文档并使用旋钮和我写的 3 个值做了一个滑块：

在HTML中：

<ion-item>
    <ion-label [ngClass]="size">Esto es un texto de ejemplo, utiliza el slider de abajo para ver la diferencia.</ion-label>
</ion-item>
<ion-item>
    <ion-icon name="text-outline"></ion-icon>
    <ion-range min="0" max="2" step="1" (ionChange)="changeLetterSize(size)" [(ngModel)]="size" snaps="true"></ion-range>
</ion-item>

在打字稿中：

size:any

changeLetterSize(size){
    switch (size) {
        case 0:
            this.size="txpeque"
            break
        case 1:
            this.size="txnormal"
            break
        case 2:
            this.size="txgrande"
            break
    }
    console.log(size) //Temporal clg
}

但它会向控制台发送垃圾邮件，并且无法正常工作。它向控制台发送垃圾邮件，文本根本没有改变...我已经制作了 3 个 classes，如果我手动输入 class 它就可以工作，但是滑块不起作用。

Example of the behavior here

测试这个。我执行 ionic build android -l 并在 Android 设备中对其进行测试。稍后使用 Chrome://检查到 console.log 并控制计算机上的应用程序。

Answer 1

this.size => this.classSize

更改class 变量名称。与型号名称混淆。并保持模型大小。简而言之，您应该将模型名称和 class 变量名称分开。

离子范围垃圾邮件和泛滥控制台无法正常工作

ion-range spamming and flooding console and not working

html

slider

typescript

ionic-framework