Question

这是我的标签菜单问题的屏幕截图。click here to view screenshots

这是我的代码：

<ion-view>
     <ion-tabs class="tabs-positive tabs-icon-top">
        <ion-tab title="Clock In" icon="icon-clock-in" ng-click="mn.clockInLog()">
            <ion-nav-view name="clockIn"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Attendance" icon="icon-attendance" ng-click="mn.backLog()">
            <ion-nav-view name="attendance"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Leave" icon="icon-leave" ui-sref="main.leave">
            <ion-nav-view name="leave"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Overtime" icon="icon-overtime" ui-sref="main.overtime">
            <ion-nav-view name="overtime"></ion-nav-view>
        </ion-tab>

        <ion-tab title="More" icon="icon-more" ui-sref="main.more">
            <ion-nav-view name="more"></ion-nav-view>
        </ion-tab>
    </ion-tabs>
</ion-view>

Answer 1

嗯，我得到了它的工作。

注意到我使用ui-sref=的那些重复图标，如：

<ion-tab icon="ion-android-restaurant" title="Menu" ui-sref="logged_in.menus">

将ui-sref更改为ng-click=，现在可以正常工作：没有重复的图标。为什么？我不知道......但作为一种解决方法，这个杀死了。

所以，将html更改为：

<ion-tab icon="ion-android-restaurant" title="Menu" ng-click="menus()">

并在控制器中：

$scope.menus = function () {
    $state.go('logged_in.menus');
};

离子选项卡：点击菜单选项卡后，图标将重复

1 个答案: