angular ionic 入门

前端之家收集整理的这篇文章主要介绍了angular ionic 入门前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在定义自己创建的模块需要引入"ionic"模块

//自己创建的hkApp模块,依赖ui.router和 ionic这两个模块
angular.module("hkApp",["ui.router","ionic"])
.config(function($stateProvider,$urlRouterProvider) {
	$stateProvider
		//进入设置界面
		.state('setting_index',{
			url: '/setting/index',templateUrl: 'setting/setting_index.html',//ui-router的控制器引用其他service的方法,参数$state只能在$scope后面,否则会报错
			controller: ["$scope","$state",function ($scope,$state) {

				//显示数据内容
				$scope.formData = {};
				//给数据内容赋值
				$scope.formData.mobile = "18229886770";

				//添加编辑用户名事件
				$scope.editUserName = function () {
					$state.go('setting_edit_username');
				};
				/添加显示地址内容事件
				$scope.showAddress = function () {
					$state.go('setting_edit_address');
				};
				//跳转到编辑手机号码页面
				$scope.editPhone = function () {
					$state.go('setting_edit_phone');
				};
			}]
		})
})

由于ionic模块已经包含了“ui.router”这个功能,因此不需要再次引入“ui.router”模块了

修改办法:

angular.module("hkApp",["ionic"])
.config(function($stateProvider,$state) {

			}]
		})
})

猜你在找的Angularjs相关文章