в моем приложении 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')
);
});
}