Bootstrap 崩溃和 ui-路由器

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/。所以 'Click me' 指向 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>