2016-03-09 5 views
0

Я пытаюсь использовать угловые маршруты для управления представлением. Кроме того, чтобы установить шаблон и контроллер, я хочу передать переменную в контроллер, чтобы он загружался в соответствующее содержимое JSON.Передать переменные в контроллер с маршрута в Угловом

Вот мой текущий код маршрута ...

app.config(['$routeProvider', 
 
    function ($routeProvider) { 
 
     $routeProvider. 
 
     when('/forum/:forumID', { 
 
      templateUrl: '/AngularTemplates/forumListing.html', 
 
      controller: 'forumViewFullList' 
 
     }). 
 
     when('/thread/:threadID', { 
 
      templateUrl: '/AngularTemplates/thread.html', 
 
      controller: 'forumThread' 
 
     }). 
 
     otherwise({ 
 
      templateUrl: 'blah', 
 
      controller: 'blah' 
 
     } 
 
      
 
     ); 
 
    }]);

и это контроллер, а не переменная в конце запроса HTTP ...

app.controller('forumViewFullList', function ($scope, $http, $timeout) { 

    function loadSell() { 
     $http.get("/umbraco/api/openzone/GetMessages?pageSize=50&pageNumber=1&forumId="+forumID) 
     .then(function (response) { 

      /// do something 

     }); 
    } 

    loadSell(); 
}) 

Как получить идентификатор forumID с маршрута и передать его в контроллер?

Благодаря

ответ

2
// Given: 
// URL: http://server.com/index.html#/Chapter/1/Section/2?search=moby 
// Route: /Chapter/:chapterId/Section/:sectionId 
// 
// Then 
$routeParams ==> {chapterId:'1', sectionId:'2', search:'moby'} 

См угловые документы для $routeParams

0

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

с Ui маршрутизатором вы можете прикрепить данные государственных объектов ...

https://github.com/angular-ui/ui-router/wiki#attach-custom-data-to-state-objects

.state('contacts.list', { 
    templateUrl: 'contacts.list.html', 
     data: { 
     customData1: 44, 
     customData2: "red" 
    } 
    }) 

вы даже можете прикреплять функции к состоянию которые возвращают данные о разрешении ...

https://github.com/angular-ui/ui-router/wiki#resolve