AngularJS - Mobile Nav - 如何安装其他Controller

时间:2014-01-08 23:28:50

标签: angularjs mobile nav

我对Controller有疑问。你能用这个代码帮我吗?我有网站的插件:http://jtrussell.github.io/angular-snap.js/第一个模块不起作用:/

我想在控制器中包含“MainCtrl”代码:

var roomcatApp = angular.module('roomcatApp', [
  'ngRoute',
  'roomcatControllers',
  'roomcatFilters',
  'roomcatServices'
]);

roomcatApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/rooms', {
        templateUrl: 'partials/room-list.html',
        controller: 'RoomListCtrl'
      }).
      when('/rooms/:roomId', {
        templateUrl: 'partials/room-detail.html',
        controller: 'RoomDetailCtrl'
      }).
      when('/rooms/:roomId/map', {
        templateUrl: 'partials/room-list.html',
        controller: 'MapCtrl'
      }).
      otherwise({
        redirectTo: '/rooms'
      });
  }]);

angular.module('roomcatApp', ['snap'])
  .controller('MainCtrl', function ($scope) {
    $scope.snapOpts = {
      disable: 'right'
    };
  });

或者我在这里添加这部分?

var roomcatControllers = angular.module('roomcatControllers', []);

roomcatControllers.controller('RoomListCtrl', ['$scope', 'Room',
  function($scope, Room) {
    $scope.rooms = Room.query();
    $scope.orderProp = 'age';


  }]);

roomcatControllers.controller('RoomDetailCtrl', ['$scope', '$routeParams', 'Room',
  function($scope, $routeParams, Room) {
    $scope.room = Room.get({roomId: $routeParams.roomId}, function(room) {
      $scope.mainImageUrl = room.images[0];
    });

    $scope.setImage = function(imageUrl) {
      $scope.mainImageUrl = imageUrl;
    }
  }]);

roomcatControllers.controller('MapCtrl', ['$scope', '$routeParams', 'Room',
  function($scope, $routeParams, Room) {
    $scope.rooms = Room.query();

    $scope.room = Room.get({roomId: $routeParams.roomId}, function(room) {
    $scope.mainImageUrl = room.images[0];

   });
  }]);

1 个答案:

答案 0 :(得分:0)

看来,您忘记加入angular-snap.js

它被指定为roomcatApp模块中的依赖项:

angular.module('roomcatApp', ['snap'])

但它不存在于您的index.html文件中。应该包含在app.js之前和angular.js之后

此外,您应该在js/app.jsjs/directivesjs/controllersjs/filters之后添加js/services