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' 
      })