Пытаюсь запустить не получается

что делаю не так? AppController отрабатывает а вот SettingsController вообще ни как
var app = angular.module('myApp', [ 'ngComponentRouter' ]);
app.controller('AppController', [ '$router', '$rootScope', '$templateCache', AppController ]);
app.controller('SettingsController', [ '$router', SettingsController ]);
function AppController ($router, $rootScope, $templateCache)
{
console.log('AppController');
$router.config([ { path: '/settings', component: 'settings' } ]);
$router.navigateByUrl('/settings');
}
function SettingsController ($router)
{
console.log('SettingsController');
}