새 페이지 이온 컨트롤러에 새 컨트롤러를 추가하는 방법

Question

시작 페이지가 login.html 인 응용 프로그램을 만들려면 login.html 페이지에 단추 로그인이 있고 클릭하면 menu.html 페이지가 표시됩니다.

menu.html 페이지의 컨트롤러를 추가 할 때 app.js 및 controller.js 페이지에 오류가 있습니다.

app.js :

angular.module('starter', ['ionic','starter.controllers']) 
.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
    if(window.cordova && window.cordova.plugins.Keyboard) {  cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
    } 
    if(window.StatusBar) { 
     StatusBar.styleDefault(); 
    } 
    }); 
}) 
.config(function($stateProvider,$urlRouterProvider){ 
    $stateProvider 
     .state('login',{ 
      url:'/login', 
      templateUrl:'templates/login.html', 
      controller: 'LoginCtrl' 
     }) 
     .state('menu',{ 
      url:'/menu', 
      templateUrl:'templates/menu.html' 
      controller:'MenuCtrl' 
     }) 
     .state('menu.search', { 
      url: '/search', 
      views: { 
       'menuContent': { 
       templateUrl: 'templates/search.html' 
       } 
      } 
      }); 

    $urlRouterProvider.otherwise("/login"); 
}); 

controller.js : 여기

내 코드입니다

angular.module('starter.controllers', []) 
.controller('LoginCtrl', ['$scope','$state',function($scope,$state) { 
    $scope.data = {}; 
    $scope.login = function() { 
     $state.go('menu'); 
    }; 

}]) 
.controller('MenuCtrl', function($scope, $stateParams) { 
    console.log("Hello member"); 
}); 

내가 보여줍니다 오류 :

Uncaught SyntaxError: Unexpected identifier in line : controller:'MenuCrtl'

,

어떻게 해결할 수 있습니까? 아니면 menu.html 페이지에 새 컨트롤러를 추가 할 수 있습니까?

는

Answer 1

당신은 당신이 오류 catch되지 않은 구문 에러있어이 때문에는 comma 누락 한 코드에서 : 예기치 않은 식별자 라인 : 컨트롤러 : 'MenuCrtl'.

귀하의 app.js 파일은 이온 성 프레임 워크에서 라우터와 이동을 이해하기 위해이 link에서 봐주세요 코드를

  angular.module('starter', ['ionic','starter.controllers']) 
      .run(function($ionicPlatform) { 
      $ionicPlatform.ready(function() { 
       if(window.cordova && window.cordova.plugins.Keyboard) {  cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
       } 
       if(window.StatusBar) { 
       StatusBar.styleDefault(); 
       } 
      }); 
      }) 
      .config(function($stateProvider,$urlRouterProvider){ 
       $stateProvider 
        .state('login',{ 
         url:'/login', 
         templateUrl:'templates/login.html', 
         controller: 'LoginCtrl' 
        }) 
        .state('menu',{ 
         url:'/menu', 
         templateUrl:'templates/menu.html',//Here you have missing comma 
         controller:'MenuCtrl' 
        }) 
        .state('menu.search', { 
         url: '/search', 
         views: { 
         'menuContent': { 
          templateUrl: 'templates/search.html' 
         } 
         } 
        }); 

       $urlRouterProvider.otherwise("/login"); 
      }); 

에 따라 업데이트해야합니다.

여기를 확인하여 sidemenu in ionic을 확인하십시오.

희망이 도움이 될 것입니다!

Answer 2

menu 상태 귀하의 상태 설정 객체의

구문 오류가 추가 comma 후 templateUrl

.state('menu',{ 
     url:'/menu', 
     templateUrl:'templates/menu.html', 
     controller:'MenuCtrl' 
    })