angularjs - AngularJS & ui-router：如何动态添加子菜单链接

Question

我有一个基于 BlurAdmin 的 AngularJS 站点：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/"
  };



})();