如何解决bootstrap 和angularjs路由冲突问题

在同时用bootstrap和angular做折叠菜单的时候会遇到这样一个问题，点击折叠菜单的时候会发生路由

我们只需要在加上一个"       /        " 就可以解决问题

例子

            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" 
                           href="/#collapseOne">
                            点击我进行展开，再次点击我进行折叠。第 1 部分
                        </a>
                    </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in">
                    <div class="panel-body">
                        Nihil anim keffiyeh helvetica, craft beer labore wes anderson 
                        cred nesciunt sapiente ea proident. Ad vegan excepteur butcher 
                        vice lomo.
                    </div>
                </div>
            </div>