Javascript 导航栏切换不'；在我的角度分量中不起作用

有人看到问题了吗？我尝试替换引导的位置 jquery在这个html中导入。这项工作在在线html渲染器。这和角度有关系吗

如果这是您的

.component.html

，则脚本将在编译时删除。你知道如何把它们包括在内吗@Sagarv您需要将它们导入您的

index.html

文件或

angular.json

文件中。谢谢@我不客气。还建议不要在角度项目中添加

jQuery

。如果您打算在项目中使用

bootstrap

，请尝试使用

ng bootstrap

。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    
    <div class="navbar navbar-inverse ">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <button class="navbar-toggle" data-target="#navbarToggler" data-toggle="collapse"><span
                            class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
                    <div class="navbar-header">
                        <a class="navbar-brand">PROJECT</a>
                </div>


                <div class="collapse navbar-collapse" id="navbarToggler">
                    <ul class="nav navbar-nav">
                        <li class="active"><a>Home</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a  href=""><span
                                    class="glyphicon glyphicon-download-alt"></span>Download</a></li>
                        <li><a  href=""><span class="glyphicon glyphicon-log-in"></span>
                                Login</a></li>
                        <li><a  href="register"><span
                                    class="glyphicon glyphicon-user"></span> Register</a></li>
                        <li><a href="" (click)="logout()"> Logout</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>