Динамическая маршрутизация angular js

---

На моей странице есть несколько файлов и папок.То, что я ищу, - это выбор любого файла/папки, его детали открываются на новой вкладке bootstrap. При выборе любого файла я передаю тип файла в функцию (changeType ) в моем домашнем контроллере и ловлю его в конфигурации

Что я уже пробовал:

---- Домашний Контроллер ----

    myApp.controller("HomeController", ['$window', '$rootScope', '$scope', '$state', '$http', , function (.....) {
   $scope.changeType = function (type) {

 if (type == 'Folder') {
                $state.go('Folder');
            }
            else if (viewName == 'File') {
                $state.go('File'); 
            }
}}

---- Индекс -----

  <div id="divViews"> 
         <div ui-view="mainModule1"></div>
  <div ui-view="mainModule2"></div>

</div>

---- Конфигурация Маршрута ----

myApp.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
 $stateProvider.state('File', {
     url: '/File',
     views: {
         'mainModule1': {
             url: '',
             templateUrl: '/Views/HtmlDashBoard/File.html',
             controller: 'FileCtrl'
         }
     }      .state('Folder', {
     url: '/Folder',
     views: {
         'mainModule2': {
             url: '',
             templateUrl: '/Views/HtmlDashBoard/Folder.html',
             controller: 'FolderCtrl'
         }
     }

Есть ли какой-нибудь способ передать имя представления из домашнего контроллера в конфигурационный файл, так как я делаю ui-представления динамически ?

---