我目前有以下代码(如下例所示),根据可用的宽度隐藏选项卡并将其移动到下拉菜单中.到目前为止,一切都进展顺利.然而,现在用户需要打开下拉菜单(如果其中有活动的选项卡),以显示当前 Select 的选项卡.

https://stackblitz.com/edit/angular-fkd1t2?file=src%2Fapp%2Ftabs%2Ftabs.component.ts

我想从隐藏中排除活动选项卡,并将其直接放在下拉菜单切换("更多")之前,这样用户就可以立即看到当前 Select 了哪个选项卡.我希望下面的截图能帮助你更好地了解我正在努力实现的目标.

State 1->State 2

我已经try 在我的primaryItems.forEach()方法中将活动Tab从hiddenItems中排除,但没有成功.我应该用Array.splice()的方法吗?

先谢谢你.

推荐答案

我已经解决了这个问题,如果活动选项卡(索引)在iddenItems中,则用所选选项卡文本替换"More"文本.否则,将使用默认的"更多"文本.

这并不是我最初想实现的,但可能是目前最简单和最干净的解决方案.

https://stackblitz.com/edit/angular-ymtu1c?file=src%2Fapp%2Ftabs%2Ftabs.component.html

Typescript相关问答推荐

为什么在TypScript中写入typeof someArray[number]有效?

我应该使用什么类型的React表单onsubmit事件?

如何将类型从变量参数转换为返回中的不同形状?

如果字符串文字类型是泛型类型,则用反引号将该类型括起来会中断

TypeScrip界面属性依赖于以前的属性-针对多种可能情况的简明解决方案

在Typescript 中,有没有`index=unfined的速记?未定义:某个数组[索引]`?

AngularJS服务不会解析传入的Json响应到管道中的模型

如何以Angular 导入其他组件S配置文件

跟踪深度路径时按条件提取嵌套类型

在Cypress中,是否可以在不标识错误的情况下对元素调用.Click()方法?

避免混淆两种不同的ID类型

为什么在这种情况下,打字脚本泛型无法正确自动完成?

Typescript .根据枚举输入参数返回不同的对象类型

有没有办法在Reaction组件中动态导入打字脚本`type`?

有没有一种更好的方法来存储内存中的数据,而不是在类型脚本中使用数组和基于索引的函数?

完全在类型系统中构建的东西意味着什么?

为什么我会得到一个;并不是所有的代码路径都返回一个值0;switch 中的所有情况何时返回或抛出?(来自vsCode/TypeScript)

将对象数组传递给 Typescript 中的导入函数

Typescript 确保通用对象不包含属性

是否可以使用元组中对象的键来映射类型