Bootstrap崩溃和ui-router

Question

我有问题ui-router和使用bootstrap崩溃.

<div class="panel panel-default" id="accordion" >
    <div role="tab" id="headingOne">
       <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
            Click me
        </a>
    </div>
    <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
            Data
    </div>
</div>

这是页面localhost/#/root/mypage/.所以指向"点击我" localhost:\#collapseOne会引导我进入我网站的默认页面.

Answer 1

您可以通过使用data-target属性(将执行相同的工作)而不是使用href影响路由的属性来解决问题

标记

<div class="panel panel-default" id="accordion" >
    <div role="tab" id="headingOne">
       <a role="button" href="javascript:;" data-toggle="collapse" data-parent="#accordion" 
          data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
            Click me
        </a>
    </div>
    <div id="collapseOne" class="panel-collapse collapse" role="tabpanel"
     aria-labelledby="headingOne">
        Data
    </div>
</div>