ui-router 사용 - 컨트롤러 파일에 대한 경로를 제공하는 방법이 있습니까?

Question

ui-router를 사용하여 매우 기본적인 각형 응용 프로그램을 만들고 있는데, 지금 당장은 3 개의 "모듈"이 있습니다. 즉, home, login 및 register입니다. 여기에 내가 그들을 정의하는 방법이다 : 그러나

'use strict'; 

var app = angular.module('exampleApp', [ 
    'ui.router', 
    'ngAnimate', 
    'ui.bootstrap' 
]); 

app.config(function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/'); 

    $stateProvider 
    .state('home', { 
     url: '/', 
     templateUrl: './main/home/home.html', 
     controller: './main/home/home-controller.js' 
    }) 
    .state('login', { 
     url: '/login', 
     templateUrl: './main/login/login.html', 
     controller: './main/login/login-controller.js' 
    }) 
    .state('register', { 
     url: '/register', 
     templateUrl: './main/register/register.html', 
     controller: './main/register/register-controller.js' 
    }) 
}) 

, 나는 내가 잘못 controller: 부분을하고있는 중이 야 생각합니다. 각각의 "모듈"에 대해 각 컨트롤러를 정의하고 싶습니다. 어떻게해야하는지 잘 모르겠습니다.

Answer 1

먼저 컨트롤러를 정의 -

여기 내 파일 구조입니다. 경로에

angular.module('exampleApp').controller('loginCtrl', function() { 
// ctrl task goes here. 
}); 

매핑 컨트롤러.

$stateProvider.state('login', { 
       url: '/login', 
       templateUrl: 'path/to/login.html', 
       controller: 'loginCtrl' 
      })