使“离子选择”仅显示一个图标,而不显示任何文字

时间:2018-10-14 22:10:21

标签: ionic-framework ionic3 ionic-view

我正在制作一个表格,以便用户可以登录,为此,我只需要输入usernamepassword的值。但是在用户有多个帐户的情况下,我添加了一个下拉菜单。

通过该下拉菜单(ion-select,我允许用户从他可能拥有的其他帐户之一中选择username。然后,我在后台所做的就是根据username中所选的选项来更改ion-select输入的值。换句话说,ion-select的唯一功能是使用户更容易记住他/她其他帐户的username并避免将其写入输入中。

问题是ion-select显示所选选项,因此在此视图中它将显示两次用户名,如何使ion-select仅显示下拉图标,而没有其他显示?< / p>

enter image description here

enter image description here

这是视图的代码

<ion-col col-8>
    <ion-select interface="popover" (ionChange)="pickUsername($event)">
        <ion-option *ngFor="let user of previous_users" [value]="user" [selected]="selected_user == user">{{user}}</ion-option>
    </ion-select>
</ion-col>

<ion-col col-4>
    <ion-item>
        <ion-input type="text" min="3" max="20" placeholder="{{ tr['login.text_field_user'] }}" [(ngModel)]="selected_user" formControlName="nickname"></ion-input>
    </ion-item>
</ion-col>

请帮助!

0 个答案:

没有答案