解决angularjs ionic的路由问题
2016-05-09 15:56
666 查看
1、html渲染页面
<html ng-app="ionicApp"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title></title> <link href="css/ionic.min.css" rel="stylesheet"> <script src="js/ionic.bundle.min.js"></script> <script src="js/controllers.js"></script> <script src="js/app.js"></script> </head> <body> <div ui-view></div> </body> </html>
2、app.js
angular.module('ionicApp', ['ionic', 'ui.router', 'myModule']) .config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider,) { $urlRouterProvider.otherwise('/'); $stateProvider .state('index', { url: '/', templateUrl: "1.html" }) .state('shop', { url: '/shop', templateUrl: "2.html" }) }]);
3、controllers.js
angular.module('myModule', []) // myTestCtrl .controller('myTestCtrl', function ($scope, $stateParams, $rootScope) { }) // myTestCtrl .controller('myshopctrl', function ($scope, $stateParams, $rootScope) { })
相关文章推荐
- AngularJS系列——ui-router
- angularjs string format
- Angular ngClick 阻止冒泡和默认行为
- 【js类库AngularJs】解决angular+springmvc的post提交问题
- AngularJS控制器继承自另一控制器
- 如何使用AngularJs打造权限管理系统【简易型】
- AngularJs打造一个简易权限系统
- [后端人员耍前端系列]AngularJs篇:使用AngularJs打造一个简易权限系统
- ionic项目简介以及Angularjs 基础
- 《AngularJS》——scope的绑定策略
- AngularJS(2)——AngularJS数据双向绑定
- Angularjs【监听数据的变化】和【如何修改数据】和【数据变化的传播】
- AngularJS系列——目录结构
- 30分钟快速掌握AngularJs
- 浅谈angular中的promise
- [置顶] angularJS学习小结——filter
- [后端人员耍前端系列]AngularJs篇:30分钟快速掌握AngularJs
- 学习angularjs遇到的问题
- AngularJS(六)——过滤器
- Angularjs的理解和认识