javascript - 导航栏切换在我的角度组件中不起作用

Question

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

<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>

标签： javascripthtmlcssangular