i set tabs but it dint navigate other tabs in angular : this is my code

<ul class="nav nav-tabs">

    <li class="active"><a data-toggle="tab" href="#sectionA">Section A</a></li>

    <li><a data-toggle="tab" href="#sectionB">Section B</a></li>

    <li class="dropdown">

        <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>

        <ul class="dropdown-menu">

            <li><a data-toggle="tab" href="#dropdown1">Dropdown 1</a></li>

            <li><a data-toggle="tab" href="#dropdown2">Dropdown 2</a></li>

        </ul>

    </li>

</ul>

<div class="tab-content">

    <div id="sectionA" class="tab-pane fade in active">

        <p>Section A content…</p>

    </div>

    <div id="sectionB" class="tab-pane fade">

        <p>Section B content…</p>

    </div>

    <div id="dropdown1" class="tab-pane fade">

        <p>Dropdown 1 content…</p>

    </div>

    <div id="dropdown2" class="tab-pane fade">

        <p>Dropdown 2 content…</p>

    </div>

</div>

