Javascript 使用AngularJS单击内容选项卡路由到不同页面

我使用

angular ui router

模块具有以下状态，我当前处于url

http://localhost:3000/#/bar/87023/

其中

87023

是

a

的值

.state('foo', {
    url: '/bar/:a/:b',
    views: {
        '': {
            templateUrl: 'partials/zoo.tpl.html',
            controller: 'XCtrl'
        },

        'purr@foo': {
            templateUrl: 'partials/zing.html',
            controller: 'YCtrl'
        }
    }
})

在

zing.html

页面上，我有4个选项卡，如下所示：

<ul class="nav nav-tabs">
    <li>
        <a href="#tab_1_1" data-toggle="tab">
            Zoo Details </a>
    </li>
    <li>
        <a href="#tab_1_2" data-toggle="tab">
            Pricing </a>
    </li>
    <li class="dropdown">
        <a href="#tab_1_3" data-toggle="tab">
            Reviews </a>
    </li>
    <li>
        <a href="#tab_1_4" data-toggle="tab">
            Something interesting </a>
    </li>
</ul>
<div class="tab-content">
            <div id="tab_1_1">
                //tab_1_1 content
            </div>                
            <div id="tab_1_2">
                //tab_1_2 content
            </div>
            <div id="tab_1_3" >
                //tab_1_3 content
            </div>            
            <div id="tab_1_4" >
                //tab_1_4 content
            </div>
</div>

//表1内容
//表1\u 2内容
//表1\u 3内容
//表1\u 4内容

---

当我点击

tab\u 1\u 1

或任何选项卡时，我被带到

http://localhost:3000/#/

第页。有人能帮我理解为什么我会有这个问题，以及如何解决这个问题吗？我想在同一页上（

http://localhost:3000/#/bar/87023/

）并能够查看选项卡的内容。

您正在重定向到索引，因为

href

属性更改了浏览器的哈希值，angularJS的ngRoute会监听该哈希值

使用

数据目标

属性而不是

href

---

下面是一个关于

的例子，非常感谢。它是否有可能显示光标指向文本？就像它在文本周围但在选项卡内时显示一样？