javascript - 如何知道数组中的最后一个对象?角度(角度材料选项卡)
问题描述
我有对象数组
[{id: 1, name: home , path: 'home'}, {id: 2, name: contact , path: 'contact'}]
数组可以有很多对象。我有添加对象的功能:
addTab(selectAfterAdding: any) {
if (!this.tabs.some(objectItem => objectItem.id == selectAfterAdding.id)) {
this.tabs.push(selectAfterAdding);
}
}
还有删除和返回路由器的功能。
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>
问题是当删除不活动的选项卡时返回路径..我不知道要解决这个问题。也许如何检查 url 中的活动路由???
解决方案
您可以使用“ selectFocusedIndex ”事件或“selectedIndex”属性来跟踪活动选项卡。还要添加条件以检查删除选项卡功能中的活动选项卡,以便导航回上一个路线。
推荐阅读
- oracle - Oracle Apex:每次加载应用程序时加载一个应用程序变量
- keras - 将文本特征与图像数据一起传递给 CNN 模型
- vue.js - 名称 Alpha 验证不允许使用空格
- c# - 如何检查变量是否为 const?
- python - 如何通过代理通过python下载zipfile
- laravel - 如何通过 id 在刀片中显示数据
- laravel-5 - lumen5.8 中的雄辩列别名
- ios - swift api SecKeyCreateEncryptedData 使用的额外认证数据是什么?
- php - 无法获取sql中所有相似行的总和
- ios - UICollectionView 单元格在swift中使用约束固定宽度和动态高度