I am using currently materializecss tabs using [materialize]="tabs" syntax. And i am activating the tabs and dynamically rendering on the view but the active class is not applying. How to do this in angular2.
below is my code:
<div class="row">
<div class="col s12">
<ul class="tabs" materialize="tabs" [materializeParams]="tabSelectionParams">
<li class="tab col s3"><a href="#test1">Test 1</a></li>
<li class="tab col s3"><a href="#test2">Test 2</a></li>
<li class="tab col s3"><a href="#test3">Test 3</a></li>
<li class="tab col s3"><a href="#test4">Test 4</a></li>
</ul>
</div>
<div id="test1" class="col s12">Test 1</div>
<div id="test2" class="col s12">Test 2</div>
<div id="test3" class="col s12">Test 3</div>
<div id="test4" class="col s12">Test 4</div>
</div>
And then in my ts file I am handling the active tab using this.tabSelectionParams = ['select_tab','test2'];
This works fine once rendering the view but changing it conditionally it is not activating the tab.
Anyone has idea how to use tabs??