Question

我有一个使用AngularJS + Symfony技术开发的小应用程序，以RESTAPI模式进行数据交换。在其结构中，它具有一个用于加载服务的侧菜单（作用于应用程序状态的链接列表）。问题在于，当更改状态时（在ng-view视图中渲染结果），此侧边菜单每次都会重新充电。也就是说，每次单击菜单项时，它都会更改状态并重新加载该零件。我该怎么做才能避免这种情况？

(function() {
'use strict';
angular.module('app_aside')
    .controller("asideController", asideController)

function asideController($http, $compile) {
    var urlApi = "http://myapi.com/menu"
    $http.get(urlApi)
        .then(function(response) {
            //set elements in #menu (aside.html)
            $('#menu').html($compile(response)($scope));
        });
}

}）;

路线：

function routeConfig($stateProvider) {
$stateProvider
    .state('rute1', {
        url: '/rute1',
        templateUrl: 'pages/rute1.html',
        controller: 'Rute1Controller'
    });

$stateProvider
    .state('rute2', {
        url: '/rute2',
        templateUrl: 'pages/rute2.html',
        controller: 'Rute2Controller'
    });

$stateProvider
    .state('rute3', {
        url: '/rute3',
        templateUrl: 'pages/rute3.html',
        controller: 'Rute3Controller'
    });

}

我的aside.html：

      <ul id="menu" class="sidebar-menu" ng-controller="asideController">
     </ul>

菜单数据在每次状态更改时都在充电

0 个答案: