2016-09-09 2 views
1

У меня есть кнопки на моей странице, как показано ниже:

<button ui-sref=".viewer({maId: gridItem.MAID})" class="btn btn-info"> 
    <span class="glyphicon glyphicon-search"></span> 
</button> 

По щелчку I`d хотел изменить состояние с ш-sref. Я сейчас нахожусь в состоянии/статусе, и я хочу войти в статус/статус/{maId}.

Вот мой routes.js

(function() { 
    'use strict'; 

    angular 
    .module('MA.status') 
    .config(function ($stateProvider) { 
     $stateProvider 
      .state('status', { 
       url: '/status', 
       controller: 'Status as vm', 
       templateUrl: 'app/pages/status/status.html?v=0.0.1' 
      }) 
      .state('status.viewer', { 
       url: '/:maId', 
       controller: "Viewer as vm", 
       templateUrl: 'app/pages/status/viewer.html?v=0.0.1', 
       resolve: { 
        maId: function ($stateParams) { 
         return ($stateParams.id); 
        } 
      } 
      }); 
    }); 
})(); 

Когда я нажимаю изменение Кнопки URL, но HTML не изменяю его по-прежнее templateUrl от государства статуса не статус/{} горничной. В консоли нет ошибок.

В чем проблема?

ответ

1

Ваш UI-sref на кнопке должен быть так:

<button ui-sref="status.viewer({maId: gridItem.MAID})" class="btn btn-info"> 
    <span class="glyphicon glyphicon-search"></span> 
</button> 

Вы всегда должны вставить все государственное имя, которое объявляется в маршрутах.

EDIT:

Не видя всю структуру HTML, основанный на ваш комментарий я думаю, вам не хватает ui-view директиву в вашем штате шаблон статуса. Если вы используете дочерние состояния, родитель должен иметь его, чтобы он мог показывать контент/шаблон для ребенка. Вы можете установить состояние status.viewer как целое отдельное состояние, если вы хотите, чтобы он работал так, как он есть сейчас. Но если вы хотите, чтобы это как дочернее состояние, просто добавьте это где-то в ваше состояние status, и появится содержимое дочернего состояния.

<div ui-view></div> 

Так сделать ui-sref изменения и добавьте ui-view в вашем штате шаблон родительского.

+0

все тот же результат :( – miechooy

+0

Можете ли вы увидеть мое изменение в моем ответе, если оно вам поможет? – thepio

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