Quantcast
Channel: CSDN博客移动开发推荐文章
Viewing all articles
Browse latest Browse all 5930

Ionic开发入门教程_5

$
0
0

创建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
  });
});
作者:suqingheangle 发表于2016/11/18 18:10:45 原文链接
阅读:63 评论:0 查看评论

Viewing all articles
Browse latest Browse all 5930

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>