角度JS中的左侧栏导航

Question

我有一个带有左侧栏的网页作为“布局”页面， 问题是在项目中设置的数据目标属性在angular JS中不起作用，它仅与Jquery一起使用，如何使此代码在angular JS中起作用。

<div class="nav-side-menu">
            <div class="brand">Press Curing Control</div>
            <i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>

            <div class="menu-list">

                <ul id="menu-content" class="menu-content collapse out">
                    <li>
                        <a href="#">
                            <i class="fa fa-dashboard fa-lg"></i> Dashboard
                        </a>
                    </li>
                    <li data-toggle="collapse" data-target="#products" class="collapsed active">
                        <a href="#"><i class="fa fa-gift fa-lg"></i> Anlagenauswahl <span class="arrow"></span></a>
                    </li>
                    <ul class="sub-menu collapse" id="products">
                        <li class="active"><a href="#">RFT-H1</a></li>
                        <li><a href="#">RFT-H2</a></li>
                        <li><a href="#">BTB-H1</a></li>
                        <li><a href="#">BTB-H2</a></li>
                    </ul>

                    <li data-toggle="collapse" data-target="#service" class="collapsed">
                        <a href="#"><i class="fa fa-globe fa-lg"></i> Auswertungen <span class="arrow"></span></a>
                    </li>
                    <ul class="sub-menu collapse" id="service">
                        <li>Trendmonitoring</li>
                        <li>Alarmmonitoring</li>
                        <li>Audit-Trail</li>
                    </ul>

                    <li data-toggle="collapse" data-target="#new" class="collapsed">
                        <a href="#"><i class="fa fa-car fa-lg"></i> Reporting <span class="arrow"></span></a>
                    </li>
                    <ul class="sub-menu collapse" id="new">
                        <li>Alarmstatistik</li>
                        <li>Prozessfähigkeit</li>
                    </ul>

                    <li>
                        <a href="#">
                            <i class="fa fa-user fa-lg"></i> Profile
                        </a>
                    </li>
                    <li data-toggle="collapse" data-target="#new" class="collapsed">
                        <a href="#"><i class="fa fa-car fa-lg"></i> Service <span class="arrow"></span></a>
                    </li>
                    <ul class="sub-menu collapse" id="new">
                        <li>Sensorkonfiguration</li>
                        <li>Betriebsarten</li>
                    </ul>
                </ul>
            </div>
        </div>