реализовать всплывающее окно с динамическим предупреждением в элементе списка ionic 2 и установить выбранное значение в элементе - PullRequest
0 голосов
/ 05 июля 2018

в моем приложении ionic 2 у меня есть список с динамическими элементами. В каждом пункте у меня есть пункт кнопки. При нажатии на конкретный элемент кнопки появится динамическое оповещение. Как только я выберу опцию из всплывающего окна, это значение будет установлено как содержимое элемента. Но в моем случае, когда я выбираю значение из всплывающего окна, оно появляется во всех элементах. Я хочу установить его на единственный выбранный или выбранный элемент. пожалуйста, помогите мне решить эту проблему.

HTML-код

    <ion-item *ngIf="isGroupShown(i)">

        <ion-card-content class="no-left-right-padding card_class">
        <ion-row>
            <ion-col col-6>
                <ion-icon name="card" end (click)="removeItemFromCart(item)"></ion-icon>
                <span margin-left class="service-item">{{item.cost}} BD</span>
            </ion-col>
            <ion-col col-6>
                <ion-icon name="clock" end (click)="removeItemFromCart(item)"></ion-icon>
                <span margin-left class="service-price">{{item.time | number: '1.0-0'}} Mins</span>
            </ion-col>
        </ion-row>
        </ion-card-content>

    <ion-item button class="employee_item" margin-left no-lines (click)="select_emplyee(i)"> {{employee_data||'Select Employee'}}</ion-item>

    </ion-item>

.ts код

select_emplyee (индекс) {

console.log(index);

              let loader1 = this.loadingController.create({
                 spinner: 'dots',
                 content: 'Please wait...',
               });            

              loader1.present().then(() => {
              this.httpservice.load_single_saloons_employe(this.navParams.get('provider_id')).subscribe(
              data => {
                console.log(data); 
                this.Employee_alert = this.atrCtrl.create({});

                this.full_employees=data;

                console.log(this.full_employees);

                  this.Employee_alert.setTitle('Select employee..');

                          for(var i = 0; i < data.length; i++) {
                          this.emp=data[i];
                          this.Employee_alert.addInput({
                                        type:'radio',
                                        label: this.emp.member_name,
                                        value: this.emp.id
                                        })
                          }

                           this.Employee_alert.addButton({
                             text: 'Done',
                             cssClass:'alertCustomCss',
                             handler: (data) => {
                               if(data){
                                 console.log(data);
                                 this.employee_data=this.emp.member_name;
                                 // d.textContent = this.employee_data;
                               }                                            
                             }
                           });
                           this.Employee_alert.setCssClass('alertCustomCss');
                           this.Employee_alert.present();

              loader1.dismiss();  

              },
               err => {
               console.log(err);
               loader1.dismiss();
              },
              () => console.log('Movie Search Complete')
              );


               });


 }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...