2015-10-14 2 views
0

У меня есть форма, которая позволяет обновлять все поля элемента. После того, как обновление выполнено успешно, я хочу перенаправить на страницу со списком всех элементов. Я хочу передать эту страницу сообщение «update successed».Параметры Angularjs to html

В контроллере я передаю параметр в состояние провайдера таким образом:

$state.go('list', { message: "Update success" }, { reload: true }); 

В состоянии поставщика:

function ($stateProvider, $urlRouterProvider) { 
     $stateProvider 
      .state('list', 
       { 
        url: '/List', 
        templateUrl: 'elementsList.html', 
        params: { 
         message: 
          function ($stateParams) { 
           return $stateParams.message; 
          } 
        } 
       }) 

Является ли это правильный способ передать параметр строки в html-страница? Каков синтаксис страницы html для отображения значения параметра?

Спасибо.

ответ

1

Я хотел бы сделать это следующим образом:

function ($stateProvider, $urlRouterProvider) { 
    $stateProvider 
    .state('list', 
    { 
     url: '/List/:message', 
     templateUrl: 'elementsList.html' 
    } 
}) 

затем получить доступ к нему в контроллере, как это. $stateParams.message Не забудьте ввести $ stateParams в свой контроллер. Вы можете легко присвоить значение переменной $ scope $scope.message = $stateParams.message и использовать {{message}} в своем представлении для ее отображения.

Обратите внимание, что есть также событие:

$scope.$on('$stateChangeSuccess', 
function(event, toState, toParams, fromState, fromParams){ ... }) 

Параметр может быть доступен с toParams.message в этом случае.

+0

Спасибо, таким образом, я вижу сообщение в контроллере и назначаю его в $ scope, но {{message}} не заполняется, и я не вижу его на странице. – Sean

+0

Что произойдет, если вы определяете $ scope.myData = {сообщение: $ stateParams.message} и используете {{myData.message}}? Имейте в виду, что вам следует избегать использования примитивов, таких как объяснено [здесь] (https://github.com/angular/angular.js/wiki/Understanding-Scopes) –

+0

Пробовал, он не работает. – Sean

Смежные вопросы