我使用[materialize] =“tabs”语法使用当前的materializecss标签。我正在激活选项卡并在视图上动态呈现,但活动类不适用。如何在angular2中执行此操作。
下面是我的代码:
<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>
然后在我的ts文件中,我使用this.tabSelectionParams = ['select_tab','test2']处理活动标签;
一旦渲染视图,但在有条件地更改视图时,它可以正常工作,但不会激活选项卡。
任何人都知道如何使用标签?