AngularJS & ui-router: как динамически добавлять ссылки подменю

Question

У меня есть сайт AngularJS, основанный на BlurAdmin: https://github.com/akveo/blur-admin который показывает комнаты. Список доступных комнат получен через REST в контроллере, и я ищу способ добавить комнаты как динамические ссылки подменю.

Мой файл rooms.module.js со статической ссылкой подменю "room" выглядит следующим образом:

(function () {
  'use strict'; 
  angular.module('BlurAdmin.pages.rooms', [])
      .config(routeConfig);

  /** @ngInject */
  function routeConfig($stateProvider) {
    $stateProvider
        .state('rooms', {
            controller: 'roomsCtrl',
            url: '/rooms',
            templateUrl: 'app/pages/rooms/rooms.html',
            title: 'Rooms'
        });
    // Static sub menu link
    $stateProvider.state('rooms.details', {
            url: '/room/:roomLink/',
            controller: 'roomCtrl',
            title: 'Room',
            templateUrl: 'app/pages/rooms/room/room.html'
        });


  };

})();

Мой файл roomsCtrl.js выглядит так:

(function () {
  'use strict';

  angular.module('BlurAdmin.pages.rooms').controller('roomsCtrl', roomsCtrl);

  /** @ngInject */
  function roomsCtrl($scope, $http, $timeout, $element, $state) { 

   // Here I'd like to process the REST response and create the submenu links.
   // Example of REST data
   var room = [{"name":"room 1", "id":"1"},{"name":"room 2", "id":"2"}]
   // Example of route
   var urlStr = "/rooms/room/1/"
  };



})();