Question

目前，我正在从用户那里获取数据（在这种情况下，这里是手机号码）。目前，我在这里声明的方式是：如果点击<ion-input>，它将自动添加“ +27”，但是目前它是可编辑的（即，我们可以删除+27）。

但是我不想删除它吗？尝试了几种方法，但都没有解决。我还尝试在一个<ion-input>和其他输入中将此“ +27”设置为只读，以输入手机号码。但这会导致UI崩溃（即，该手机号码字段会隐藏在其他位置）。

这是我尝试过的：

我的html：

<ion-item>
                        <ion-icon name="md-phone-portrait" class="iconstyle" item-start></ion-icon>
                        <ion-label color="iconcolor" floating>Mobile Number</ion-label>
                        <ion-input no-border class="mydate" type="tel" [(ngModel)]="vm.mobileNumber" minlength="12" maxlength="12" (tap)="mobilecode()"
                                   formControlName="mobile" tabindex="1" (keyup)="moveFocus($event,password, false)"></ion-input>
                    </ion-item>

我的ts文件：

public changeMobile() {
        if (this.vm.mobileNumber.length == 0)
            this.vm.mobileNumber = "+27"

    }

我需要的是即使用户按下Backspace键也不希望删除国家/地区代码。

如何在<ion-input>的离子文本字段中设置前缀值？

0 个答案: