[英]How to know which object is last in array? Angular ( angular-material tabs)
我有一系列 object
[{id: 1, name: home , path: 'home'}, {id: 2, name: contact , path: 'contact'}]
數組可以有很多對象。 我有 function 添加 object:
addTab(selectAfterAdding: any) {
if (!this.tabs.some(objectItem => objectItem.id == selectAfterAdding.id)) {
this.tabs.push(selectAfterAdding);
}
}
還有 function 刪除並返回路由器。
removeTab(index: number, event: Event) {
this.tabs.splice(index, 1);
this._location.back();
}
html:
<nav mat-tab-nav-bar>
<a mat-tab-link
*ngFor="let tab of tabs;let i = index;"
[routerLink]="tab.path"
routerLinkActive #rla="routerLinkActive"
[active]="rla.isActive"
class="test"
>
{{ tab.name }}
<span class="span-X-icon" (click)="removeTab(i)" > delete </span>
</a>
</nav>
<mat-panel-title routerLink="/home" (click)="addTab({ id: 1 , name: 'home' , path: 'home'})">
Home page
</mat-panel-title>
問題是當刪除不活動的選項卡時,go 到回路線..我不知道要解決這個問題。 也許如何檢查 url 中的活動路線?
您可以使用“ selectFocusedIndex ”事件或“selectedIndex”屬性來跟蹤活動選項卡。 還要添加條件以檢查刪除選項卡中的活動選項卡 function 以導航回上一個路線。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.