Ionic Tab选项卡使用整理（三）

天马3798

于 2017-02-06 18:34:30 发布

阅读量2.7k

点赞数

分类专栏： Apache Cordova 文章标签： Ionic Tab选项卡使用

本文链接：https://blog.csdn.net/u011127019/article/details/54895654

版权

Apache Cordova 专栏收录该内容

92 篇文章 209 订阅 ¥9.90 ¥99.00

订阅专栏

本文详细介绍了如何在Ionic应用中使用ion-tabs指令结合路由进行页面配置，包括路由设置、页面创建和选项卡定制。同时，提供了相关实例和效果图，辅助开发者理解并掌握Ionic Tab选项卡的用法。

摘要由CSDN通过智能技术生成

一、ion-tabs指令+路由使用实例

1.路由配置

angular.module('ionicApp', ['ionic'])
.config(function ($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('tabs', {
            url: "/tab",
            abstract: true,
            templateUrl: "templates/tabs.html"
        })
        .state('tabs.home', {
            url: "/home",
            views: {
                'home-tab': { //指定所属的view视图
                    templateUrl: "templates/home.html",
                    controller: 'HomeTabCtrl'
                }
            }
        })
        .state('tabs.facts', {
            url: &#

了解本专栏