IONIC----08.route_menu_tab
来源:互联网 发布:linux转发工具 编辑:程序博客网 时间:2024/05/22 07:51
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height"><script src="./lib/js/ionic.bundle.min.js"></script><link rel="stylesheet" type="text/css" href="./lib/css/ionic.min.css"><title>Ionic</title></head><body ng-app="myApp"> <ion-nav-view></ion-nav-view></body></html><!--<script src="./js/app.js"></script><script src="./js/controller.js"></script>--><script>//可独立app.jsangular.module('myApp', ['ionic','myApp.controllers']).config(function($stateProvider, $urlRouterProvider) { $stateProvider .state('tab', { //定义一个路由,其它路由可以继承这个路由 url: "/tab", abstract:true, templateUrl: "templates/tabs.html" }) .state('tab.tab1', { url: '/tab1', views:{ 'tab-tab1':{ templateUrl: "templates/tab-tab1.html", controller:'tab1Controller' } } }) .state('tab.tab2', { url: '/tab2', views:{ 'tab-tab2':{ templateUrl: "templates/tab-tab2.html", controller:'tab2Controller' } } }) .state('tab.tab3', { url: '/tab3', views:{ 'tab-tab3':{ templateUrl: "templates/tab-tab3.html", controller:'tab3Controller' } } }) .state('tab.content1', { url: '/content1/:id', views:{ 'tab-tab1':{ templateUrl: "templates/tab-content1.html", controller:'content1Controller' } } }) //无返回按钮 .state('news', { url: '/news', templateUrl: "templates/news.html" }) //有返回按钮-路由要继承tab--href="#/tab/news" .state('tab.news', { url: '/news', views:{ 'tab-tab1':{ templateUrl: "templates/news.html" } } }) // if none of the above states are matched, use this as the fallback $urlRouterProvider.otherwise('/tab/tab1'); });//可独立controller.jsangular.module('myApp.controllers', []).controller('tab1Controller', function($scope){ $scope.title='tab1Controller';}).controller('tab2Controller', function($scope){ $scope.title='tab2Controller';}).controller('tab3Controller', function($scope){ $scope.title='tab3Controller';}).controller('content1Controller', function($scope,$stateParams){ $scope.title='content1Controller'; console.log($stateParams);})</script>
GITHUB
0 0
- IONIC----08.route_menu_tab
- Ionic
- ionic
- Ionic
- Ionic
- ionic
- Ionic
- ionic
- Ionic
- Ionic
- ionic
- Ionic
- ionic
- ionic
- ionic
- 【Ionic入门】-Ionic简介
- 【Ionic入门】Ionic 列表
- ionic初探
- setTransformationMethod 的使用
- Qt中计算坐标的一些简单函数接口
- Ubuntu共享WiFi(AP)给Android的方法汇总
- 【WebService】带你走进webservice的世界
- gulp初探——前端开发工作流
- IONIC----08.route_menu_tab
- instanceof
- 探索Settings.System.putInt()
- NYOJ-476谁是英雄,分解质因子求约数个数!
- Rxjava源码(一)
- 【android】安卓手机连接电脑时候adb devices找不到设备及找到设备但无权限的问题
- C++的继承相关知识
- gw_Disjoint Set (并查集) 模板及拓展应用
- Java中的多线程编程相关基础知识