Заставьте ion-select показывать только значок, а не текст - PullRequest
Новая
       41

Заставьте ion-select показывать только значок, а не текст

0 голосов
/ 15 октября 2018

Я делаю форму, чтобы пользователь мог войти в систему, для этого мне нужно только значение входных данных username и password.Но я добавил выпадающий список на случай, если у пользователя несколько учетных записей.

С этим раскрывающимся списком (ion-select) я позволил пользователю выбрать username одной из других учетных записей, которые он может иметь.Затем в фоновом режиме я изменяю значение входа username в соответствии с выбранным параметром в ion-select.Другими словами, единственная функция ion-select состоит в том, чтобы облегчить пользователю запоминание username его / ее других учетных записей и избежать записи его во входных данных.

Проблема заключается в том, чтоion-select показывает выбранную опцию, поэтому в этом представлении будет отображаться имя пользователя дважды, как я могу сделать ion-select для отображения только выпадающего значка и ничего больше?

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>

Помогите пожалуйста!

...