Ngx Bootstrap Dynami c вкладки смещены в другое положение при извлечении данных из хранилища ngrx - PullRequest
Новая
       95

Ngx Bootstrap Dynami c вкладки смещены в другое положение при извлечении данных из хранилища ngrx

0 голосов
/ 17 июня 2020

У меня есть несколько вкладок, добавляемых с помощью кнопки добавления. пример: tab1, tab2, tab3

Каждый объект tab, добавленный в хранилище ngrx и из хранилища, отображается на экране.

Каждая вкладка имеет кнопку refre sh под ним и когда я нажимаю на refre sh, эта конкретная вкладка обновляется новыми данными.

Теперь я выбираю tab1 и нажимаю кнопку refre sh. Вкладка обновляется и перемещается к последней, например: tab1, tab2, tab3 становится tab2, tab3, tab1

Вот код для этого

HTML

<tabset #staticdata>
<tab *ngFor="let tab of tabs">
<div tabHeading>{{tab.name}}</div>
<button (click)="update(tab.id)">refresh</button>
</tab>
</tabset>

Компонент 

ngOnInit(){
this.store.pipe(select(getTab)).subscribe(tab=>this.tabs=tab);
}

add(){
this.store.dispath(new Add({id:i+1, name:"name"}));
}

update(){
this.store.dispath(new update({id:i+1, name:"name"}));
}
...