ng2-bootstrap链接静态tabset到组件

Question

我有以下静态标签集：

<tabset [justified]="true" type="pills">
    <tab>
      <template tabHeading>Product Edit</template >
      <br />
      <br />
      <div>
        <fieldset>
          <div class="form-group">
            <label class="col-md-2 control-label">Name:</label>
            <div class="col-md-10">
              <input class="form-control" type="text" placeholder="Product name.." />
            </div>
          </div>
        </fieldset>
        <fieldset>
          <div class="form-group">
            <label class="col-md-2 control-label">Description:</label>
            <div class="col-md-10">
              <textarea class="form-control" cols="5" placeholder="Short description.."></textarea>
            </div>
          </div>
        </fieldset>
      </div>
    </tab>
    <tab>
      <template tabHeading>More Details</template >
      <br />
      <br />
      <div>
        <fieldset>
          <div class="form-group">
            <label class="col-md-2 control-label">Detailed Name</label>
            <div class="col-md-10">
              <input class="form-control" type="text" placeholder="Detailed name.." />
            </div>
          </div>
        </fieldset>
        <fieldset>
          <div class="form-group">
            <label class="col-md-2 control-label">Detailed Description</label>
            <div class="col-md-10">
              <textarea class="form-control" rows="5" placeholder="Max 255 characters..."></textarea>
            </div>
          </div>
        </fieldset>
      </div>
    </tab>
  </tabset>

我想添加后退和下一个按钮以在这些标签之间切换。为此，如何将静态tabset链接到组件，以便我可以设置活动属性。

我的应用程序中有更多标签，每个标签中的内容都很复杂，可以使用动态标签进行管理。

还有其他办法吗？