タブがhrefではなくdata-targetになっていると、Bootstrapタブが機能しない 質問する

私は Angular アプリを開発しているため (ルートが台無しになる可能性があります)、data-target属性を使用する代わりに、タブ ペインに一致する属性を使用してブートストラップ タブを開発しています。hrefhref

<ul class="nav nav-tabs" id="myTab">
    <li class="active"><a data-target="home">Home</a></li>
    <li><a data-target="profile">Profile</a></li>
    <li><a data-target="messages">Messages</a></li>
    <li><a data-target="settings">Settings</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="home">...</div>
    <div class="tab-pane" id="profile">...</div>
    <div class="tab-pane" id="messages">...</div>
    <div class="tab-pane" id="settings">...</div>
 </div>

<script>
    jQuery(function () {
        jQuery('#myTab a:last').tab('show')
    })
</script>