Ionic开发入门教程_5
来源:互联网 发布:遗传算法解决线路优化 编辑:程序博客网 时间:2024/05/01 17:15
创建Session控制器
今天有点时间,就多翻译一篇,现在才发现自己英语是有多滥,意思都能看懂,但就是不知道该如何表达,看来距离一个大牛还有很远的路要走啊,继续努力~~
原文链接:http://ccoenraets.github.io/ionic-tutorial/create-angular-controller.html
第五章 创建Session控制器
AngularJS中的控制器,扮演着视图和服务之间的胶水角色。控制器通常在服务中调用一个方法,以获取它存储在一个范围变量中的数据,以便可以通过视图进行显示。
在这个模块中,你创建了两个控制器:SessionsCtrl 管理会议的列表视图,SessionCtrl 管理会议的详细信息视图。
步骤1:声明starter.services作为一个依赖
在这个模块中,你将使用在starter.services
模块定义的Session
服务来创建两个Controller。添加starter.services
作为依赖到starter.controller
模块。
打开conference/www/js/controllers.js
,添加starter.services
作为依赖,以确保Session服务对控制器可用:
angular.module('starter.controllers', ['starter.services'])
步骤2:实现SessionList控制器
在controllers.js
中,删除PlayListsCtrl
(复数)
取而代之的是一个名叫SessionsCtrl 控制器,使用Session
服务来获取会议数据,并且存储在一个名为sessions
的变量中。
.controller('SessionsCtrl', function($scope, Session) { $scope.sessions = Session.query();})
步骤3:实现SessionDetails控制器
在controllers.js
中,删除PlayListCtrl
(单数)。
取而代之的是一个名叫SessionCtrl 控制器,使用Session
服务来获取特定的会议数据,并且存储在一个名为session
的变量中。
.controller('SessionCtrl', function($scope, $stateParams, Session) { $scope.session = Session.get({sessionId: $stateParams.sessionId});});
至此,controller.js
的完整代码如下:
angular.module('starter.controllers', ['starter.services']).controller('AppCtrl', function($scope, $ionicModal, $timeout) { $scope.loginData = {}; $ionicModal.fromTemplateUrl('templates/login.html', { scope: $scope }).then(function(modal) { $scope.modal = modal; }); $scope.closeLogin = function() { $scope.modal.hide(); }; $scope.login = function() { $scope.modal.show(); }; $scope.doLogin = function() { console.log('Doing login', $scope.loginData); $timeout(function() { $scope.closeLogin(); }, 1000); };}).controller('SessionsCtrl', function($scope, Session) { $scope.sessions = Session.query();}).controller('SessionCtrl', function($scope, $stateParams, Session) { $scope.session = Session.get({ sessionId: $stateParams.sessionId });});
- Ionic开发入门教程_5
- Ionic开发入门教程_1
- Ionic开发入门教程_2
- Ionic开发入门教程_4
- IONIC安装部署入门教程
- Ionic 2 入门教程
- Android开发_5种布局
- ionic开发
- ionic + angularJs + cordova入门教程一
- ionic + angularJs + cordova入门教程二
- Flask Web 开发 用户认证_5
- Flask Web 开发 博客文章_5
- ionic入门教程第一课--环境搭建和新建ionic项目
- ionic入门教程第一课--环境搭建和新建ionic项目
- Ionic开发实战
- Ionic开发入门
- IONIC开发入门手册
- ionic 开发环境搭建
- (5)高效并发
- 同一页面同一播放器换不同的视频播放
- Windows环境下Android Studio系列3—简单设置
- 岁月划过生命线(16.02 ~ 10 -提前转正)
- spingMVC表单标签简介
- Ionic开发入门教程_5
- RadioGroup+RadioButton嵌套其他布局实现多行单选布局、自定义RadioButton选中和非选中样式、文字颜色
- VTD xml 和 SAX xml 性能测试
- druid集群部署问题
- 【Day50】PHP单一文件入口框架简析
- 如果你也身在小团队,该选择哪款协作工具?
- 在 Ubuntu 虚拟机中安装 VMware Tools
- 写给Android开发者的混淆使用手册
- Session应用:验证码技术