ionic+AngularJs项目

 ionic项目流程
 1.自己创建的文件夹名称
 2.创建一个ionic空项目
 ionic start oneApp blank
 3.在WWW文件夹下创建 templates,controllers 文件夹
 
 4.开始项目配置
 
 主页面

../WebContent/www/index.html


 app.js添加

../WebContent/www/js/app.js

angular.module('myapp',[])
.run(function(){

})
.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider){
	$stateProvider
	.state('loading',{
		url:'/',
		cache:false,
		templateUrl:'templates/home/loading.html',
		controller:'LoadingController',
	})
	$urlRouterProvider.otherwise('/');
	$ionicConfigProvider.views.swipeBackEnabled(false);
	
})

涉及知识点:
1.ionic路由配置问题
2.在app.js里添加控制器名,在index里引用已添加的控制器名,在controllers文件夹里添加相应的控制器
3.controllers文件夹里添加相应的控制器


常用服务说明:

$stateProvider,
$urlRouterProvider,
$ionicConfigProvider


控制器注入服务(有无限的可能)

$scope,
$rootScope,
$state,
$http,
$ionicLoading,
$timeout,
$ionicPopup,
$ionicHistory,

 basePage,
 $cordovaFileTransfer,
 $cordovaSplashscreen,
$cordovaFileOpener2,
loaderProgressPopup,

4.在HTML页面里面写:

ion-side-menus相关代码


贴上创建一个ionic项目目录

ionic+AngularJs项目_第1张图片


你可能感兴趣的:(ionic+AngularJs项目)