Question

我正在使用twitter-bootstrap制作标签和折叠面板。这两个插件都可以解决重写的href问题。有时 - 不一致，routeprovider将覆盖制表符/折叠行为并尝试将其用作路径。

我希望能解决这个问题，但也将其作为一个问题加入 github

有关变通方法实施的几点建议：

如果未提供.otherwise - 请勿触摸任何不具备的路线特别配置。
将.ignore（'path'）添加到routeProvider作为配置选项。

Answer 1

作为一种解决方法，而不是使用 href="#targetDivId"，Twitter Bootstrap允许data-target="#targetDivId"作为属性，这解决了我的问题。

以下是描述该问题的主题：GitHub Issue

Answer 2

您可以使用范围在选项卡和窗格之间进行连接，绕过路径：

<div class="tabbable">
                                <ul class="nav nav-tabs">
                                    <li ng-class="{'active':currentTab == 'Tab1'}">
                                        <a data-toggle="tab" ng-click="currentTab = 'Tab1'">Tab1</a>
                                    </li>
                                    <li ng-class="{'active':currentTab== 'Tab2'}">
                                        <a data-toggle="tab" ng-click="currentTab = 'Tab2'">Tab2</a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane" ng-class="{'active':currentTab == 'Tab1'}" id="Tab1">
                                        <p>I'm in Section 1.</p>
                                    </div>
                                    <div class="tab-pane" ng-class="{'active':currentTab == 'Tab2'}" id="Tab2"> 
                                        <p>Howdy, I'm in Section 2.</p>
                                    </div>
                                </div>
                            </div>

角度路由覆盖制表符和折叠面板插件使用的href行为

2 个答案: