使用angular更改活动的引导nav-Item

Question

在我的angular 6项目中，我正在使用引导程序4，尤其是在使用nav-pills时，我想从组件中更改活动的nav-item。

那么如何从组件设置活动的导航？

来自bootstrap的

$('#someTab').tab('show')似乎对我不起作用。

这是 NAV-PILLS

<ul class="nav nav-pills nav-pills-warning" role="tablist">
   <li class="nav-item">
     <a class="nav-link active" data-toggle="tab" href="#link1" role="tablist">
         Profile
      </a>
    </li>
    <li class="nav-item">
       <a class="nav-link" data-toggle="tab" href="#link2" role="tablist">
             Settings
       </a>
    </li>
 </ul>


<div class="tab-content tab-space">
  <div class="tab-pane active" id="link1">
   Collaboratively administrate .......
  </div>
  <div class="tab-pane" id="link2">
    Efficiently unleash......
  </div>
</div>