如何根据某些条件在angular2和动态活动标签中使用标签

时间:2017-12-15 12:30:46

标签: angular angular2-template materialize

我使用[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']处理活动标签;

一旦渲染视图,但在有条件地更改视图时,它可以正常工作,但不会激活选项卡。

任何人都知道如何使用标签?

0 个答案:

没有答案