ionic-route路由
来源:互联网 发布:妆美堂shobi美瞳 知乎 编辑:程序博客网 时间:2024/06/01 17:41
<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script> <title>路由-标签切换</title> <script type="text/javascript"> var app = angular.module("myApp", ["ionic"]); app.config(function ($stateProvider, $urlRouterProvider) { $stateProvider.state("home", { url: "/home", views: { "views-home": { templateUrl: "home.html" } } }).state("cart", { url: "/cart", views: { "views-cart": { templateUrl: "cart.html" } } }).state("mine", { url: "/mine", views: { "views-mine": { templateUrl: "mine.html" } } }) }); </script></head><body><ion-tabs class="tabs-positive tabs-icon-top"> <ion-tab title="首页" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline" ui-sref="home"> <ion-nav-view name="views-home"></ion-nav-view> </ion-tab> <ion-tab title="购物车" icon-on="ion-ios-cart" icon-off="ion-ios-cart-outline" ui-sref="cart"> <ion-nav-view name="views-cart"></ion-nav-view> </ion-tab> <ion-tab title="我的" icon-on="ion-ios-person" icon-off="ion-ios-person-outline" ui-sref="mine"> <ion-nav-view name="views-mine"></ion-nav-view> </ion-tab></ion-tabs><script id="home.html" type="text/ng-template"> 这是“首页”页面HTML内容</script><script id="cart.html" type="text/ng-template"> 这是“购物车”页面HTML内容</script><script id="mine.html" type="text/ng-template"> 这是“我的”页面HTML内容</script></body></html>
阅读全文
0 0
- ionic-route路由
- ionic入门教程第十九课-ionic路由详解(state、route、resolve)
- ionic入门教程第十九课-ionic路由详解(state、route、resolve)
- route 路由
- route路由
- ionic路由
- ionic路由
- linux 路由 route命令
- linux 路由route
- 路由修改route
- 路由修改 route
- IP-route管理路由
- linux路由route配置
- 路由映射Route
- route设置路由
- linux route路由
- angularJs-route路由详解
- AngularJS $route路由
- 开启我的博客之旅
- arm MMU详解
- TCP SYN拒绝服务攻击
- zabbix监控mysql相关配置内容
- 使用jmeter简单性能测试
- ionic-route路由
- js检测是否为PC平台
- Android跨进程通信,深入浅出AIDL
- node.js学习笔记
- 课程推荐 | 手把手教你如何使用TensorFlow构建英语单词发音预测系统
- java使用jdbc连接neo4j数据库
- 代码权限和依赖
- 属性型指令与结构型指令
- python关键字之 yield