ngx-materialize开关选项卡以编程方式

时间:2019-02-19 19:49:04

标签: jquery angular materialize angular-materialize

我正在使用Angular 7和ngx-materialize(ngx-materialize GitHub) 事情是我用选项卡制作了一个表单,并且我想用按钮来调整活动选项卡,出于可访问性的目的,想法是在按钮的最后输入“选项卡”中,如果表单有效,则可以继续使用其他选项卡标签。

现在我可以使用Jquery获取当前的活动标签

$('ul.tabs .active').attr('href')

但是我无法使用Jquery在另一个选项卡中“单击”,所以我想不是这样,我必须将新选项卡设置为活动状态,而将前一个选项卡设置为无效状态。 知道我该怎么做吗?

我相信它使用与MaterializeCss相同的功能,但我无法找到任何东西。

谢谢!

DOCS ngx-materialize DOCS MaterializeCss

1 个答案:

答案 0 :(得分:0)

由于您处于角度组件的上下文中,因此您实际上不需要使用jquery,而是可以提升angular为您提供的功能

尝试将哈希标识符添加到标签中,例如verify=False

-U requests[security]

并在控制器内部执行此操作:

#tab1

您可以在https://angular.io/api/core/ViewChild<mz-tab-item [active]="'true'" [disabled]="'false'" [label]="'Tab 1'" #tab1 > Tab 1 </mz-tab-item> 上找到整个文档

另请参阅以下答案:angular2 manually firing click event on particular element