我正在制作一个表格,以便用户可以登录,为此,我只需要输入username
和password
的值。但是在用户有多个帐户的情况下,我添加了一个下拉菜单。
通过该下拉菜单(ion-select
,我允许用户从他可能拥有的其他帐户之一中选择username
。然后,我在后台所做的就是根据username
中所选的选项来更改ion-select
输入的值。换句话说,ion-select
的唯一功能是使用户更容易记住他/她其他帐户的username
并避免将其写入输入中。
问题是ion-select
显示所选选项,因此在此视图中它将显示两次用户名,如何使ion-select
仅显示下拉图标,而没有其他显示?< / p>
这是视图的代码
<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>
请帮助!