Angularjs Ionic，条带选项卡标题，不应在单击时滑动到内容

我对angularJs和Ionic有点陌生。我已经按照爱奥尼亚网站的css文档实现了条带选项卡

我希望当我点击一个标签时，标题不会与其内容一起滑动（重新加载）

基本上，我需要做一些类似于ionic的javascript文档的事情

这是我的搜索页面：

<ion-view title="Friendlist">
<div class="tabs-striped tabs-top tabs-background-stable tabs-color-calm">
    <div class="tabs tabs-icon-left">
        <a class="tab-item" href="#">
            <i class="icon ion-person"></i>
            Followers
        </a>
        <a class="tab-item" href="#">
            <i class="icon ion-star"></i>
            Following
        </a>
        <a class="tab-item active" ui-sref="search">
            <i class="icon ion-search"></i>
            Search
        </a>
    </div>
</div>
<ion-content class="has-tabs-top" ng-controller="UserController">

    <div class="list list-inset">
        <label class="item item-input">
            <i class="icon ion-search placeholder-icon"></i>
            <input type="text" placeholder="Search">
        </label>
    </div>

    <div class="list">
        <div ng-repeat="user in users.user">
            <a class="item item-avatar" ui-sref="user({id:user.id})">
                <!-- <img ng-src=""> -->
                <h2>{{ user.firstname }} {{ user.lastname }}</h2>
            </a>
        </div>
    </div>

</ion-content>
</ion-view>

---

我不确定这样做是否正确。我不介意标签部分的加载不是即时的，但至少我想保持我的条带标签标题静态，就好像页面没有重新加载或访问新页面一样

您必须更改路由，以便子级可以访问父级。这里的选项卡是父项（好友列表）的子项。 朋友名单应该在其他路线之前出现。 将路线更改为：

.state('friendlist', {
    url: '/friendlist',
    templateUrl: 'templates/friendlist.html',
    controller:'FriendlistCtrl'
 }) 
.state('friendlist.followers', {
    url: '/followers',
    templateUrl: 'templates/followers.html'
 }) 
 .state('friendlist.following', {
    url: '/following',
    templateUrl: 'templates/following.html'
 }) 
 .state('friendlist.search', {
    url: '/search',
    templateUrl: 'templates/search.html'
 })

---

现在尝试对选项卡使用FriendlistCtrl，而不是对每个选项卡使用不同的控制器。

如果要执行此操作，必须使用

指令

<代码>爱奥尼亚团队已经构建了一个不错的模板，如果您刚刚开始的话。您可以通过运行

离子启动选项卡来使用它

但是，如果你正在将其集成到现有的应用程序中，请查看它们的模板

和

---

HTH

谢谢，我会尽快尝试，然后再联系你谢谢，我会尽快尝试，然后再联系你

.state('friendlist', {
    url: '/friendlist',
    templateUrl: 'templates/friendlist.html',
    controller:'FriendlistCtrl'
 }) 
.state('friendlist.followers', {
    url: '/followers',
    templateUrl: 'templates/followers.html'
 }) 
 .state('friendlist.following', {
    url: '/following',
    templateUrl: 'templates/following.html'
 }) 
 .state('friendlist.search', {
    url: '/search',
    templateUrl: 'templates/search.html'
 })