问题标签 [angular2-md-tabs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
44 浏览

javascript - mg-tab的动态变化

选项卡的动态变化是通过属性 md-selected="selectedTab" 实现的。控制器中的功能更改 selectedTab。当我不手动更改选项卡或设置默认值 (selectedTab = 1) 时,它可以完美运行。

0 投票
1 回答
449 浏览

angular - 单击里面的 md-tab 后 Md-menu 关闭

我使用 Angular Material 2 构建了md-menu 一个md-tab-group内部结构。在每一个上md-tab我都显示了一个不同的列表。我期望看到的行为是用户能够在选项卡之间切换并md-menu保持打开状态。

问题是md-menu每次点击其中一个选项卡时都会关闭。

如何防止md-menu关闭?

0 投票
0 回答
1106 浏览

angular - Angular Material 2 选项卡链接无法设置默认活动选项卡

在登录页面成功登录后,路由更改为“入站”视图,导航栏中有两个选项卡,“入站”和“出站”。我希望已经选择了“入站”导航选项卡以反映路由器的状态。但是,在实现了这个demo之后,它仍然默认没有被选中

html:

零件:

路线:

0 投票
1 回答
10649 浏览

angular - Mat-tab 点击事件

我正在使用带有角材料 2 的角通用,因此我只能设法让点击起作用(就用户事件而言)。是否可以从选项卡中附加(单击)属性以更改索引并提取动态数据。

我曾经有一个方法 getAlbums 可以检索 selectedIndexChange 上的图片数组,现在这不是一个选项,还有其他方法吗?

唯一的另一种方法是有一个单独的按钮来控制选项卡索引。

0 投票
1 回答
2105 浏览

angular - Angular Material 2 无法设置默认活动选项卡

下面的代码取自material.angular.io

零件:

当我尝试运行此示例时,导航需要单击主页才能打开组件。我希望最初显示 home 的内容。您如何将第一个值设置为默认活动选项卡?

0 投票
1 回答
142 浏览

angular - 在 Angular Material Md-tabs 中添加新选项卡后滚动到最后一个选项卡

我有一个实现,我可以添加新的 md-tabs。选项卡像菜单一样水平放置。当我单击“添加选项卡”按钮时,md-tabs 应该滚动到最后一个(到新添加的)。如何做到这一点?

0 投票
3 回答
1944 浏览

angular - Angular-2-material mat-ink-bar 不在默认选项卡上

我正在尝试在我的网站上布置标签,我正在使用 md-tab-group 来实现这一点。我无法将墨条设为默认值,但是,在相应选项卡上写入的内容是可用的。墨水条出现在点击而不是页面的初始位置。下面是我的代码

我尝试过的解决方案是 a) selectedIndex 在动态生成选项卡时在 md-tab-group 中不起作用 b) Angular Material Tabs SelectedIndex 0 not working

知道我在忽略什么吗?

0 投票
0 回答
51 浏览

javascript - 可以消失
放在两个之间?

我试图在两个 md-tab 之间放置一个消失的 div,但是当按下 md-tab 时它似乎没有出现。

消失的 div 代码在一个单独的程序中工作,但在放置在两个 md 选项卡之间时,它似乎并没有按照预期的方式出现。

Javascript:

CSS: