ngx-materialize Переключить вкладки программно

Question

я работаю с Angular 7 и ngx-materialize ( ngx-materialize GitHub ) Дело в том, что я создал форму с вкладками и хочу изменить активную вкладку с помощью кнопки, чтобы сделать ее доступной,Идея состоит в том, что в последних входных «вкладках» кнопки и, если форма действительна, можно перейти к другой вкладке.

сейчас я могу получить текущую активную вкладку с помощью Jquery

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

но я не могу «щелкнуть» на другой вкладке с помощью Jquery, поэтому я полагаю, что это не так, я должен активировать новую вкладку и не активировать предыдущую.Любая идея, как я могу это сделать?

Я считаю, что использовать ту же функцию, что MaterializeCss, но я ничего не могу найти.

Заранее спасибо!

DOCS ngx-материализация DOCS MaterializeCss

Answer 1

, поскольку вы находитесь в контексте углового компонента, вам на самом деле не нужно использовать jquery, но вместо этого вы можете повысить функциональность, которую вам предлагает angular

попытаться добавить хэшированный идентификатор к вашим вкладкам, например#tab1

<mz-tab-item
  [active]="'true'"
  [disabled]="'false'"
  [label]="'Tab 1'"
  #tab1
>
  Tab 1
</mz-tab-item>

и сделайте это внутри контроллера:

@ViewChild('tab1') tab1;
...
this.tab1.getNativeElement().click();

всю документацию можно найти по ViewChild здесь https://angular.io/api/core/ViewChild

также см.этот ответ: angular2 событие щелчка, запускаемое вручную для определенного элемента