Вложенное дочернее состояние с помощью ui-router

Question

Вложенное дочернее состояние с помощью ui-router

0

Когда я работаю над приложениями Angular, мне было интересно ui-route о вложенных состояниях ui-route.

Как сказано в документе, возможно создать вложенное состояние, такое как (взятое из документа):

 $stateProvider
   .state('contacts', {
     templateUrl: 'contacts.html',
     controller: function($scope){
       $scope.contacts = [{ name: 'Alice' }, { name: 'Bob' }];
     }
   })
   .state('contacts.list', {
     templateUrl: 'contacts.list.html'
   });

Но возможно ли создать состояние granchild? (возможно, добавив что-то вроде):

 .state('contacts.list.state', {
   templateUrl: 'html_file.html'
 )}

Arhyaa 03 июль 2015, в 14:54

Источник

Теги:

javascript

angularjs

angular-ui-router

1 ответ

Ещё вопросы

Tony Barnes · Accepted Answer · 2015-07-03T09-33-00.000Z

1

Лучший ответ

Да, вы можете сделать это так, как вы предложили. НАПРИМЕР:

$stateProvider
  .state('contacts', {
    url: '/',
    templateUrl: 'contacts.html',
    controller: function($scope){
       $scope.contacts = [{ name: 'Alice' }, { name: 'Bob' }];
     }
  })
  .state('contacts.list', {
    url: ':list',
    templateUrl: 'contacts-list.html'
  })
  .state('contacts.list.fullDetails', {
    url: '/fullDetails',
    templateUrl: 'contacts-list-full-details.html'
  });

Tony Barnes 03 июль 2015, в 09:33

0

Спасибо ! У меня также есть другой вопрос (возможно, я должен включить его в редактирование первого или создать новую тему). Я хотел бы использовать родительское состояние с динамическим дочерним состоянием. Государство будет 'contact.state' с этим URL '/: состояние'. Поскольку состояние внука возможно, я думаю, что в этом случае все должно быть в порядке. Был ли я прав?
Arhyaa 03 июль 2015, в 12:33
0

@ Arhyaa Эй! Да, именно так вы можете url: '/contact/:someId' динамический URL-адрес: url: '/contact/:someId'
Tony Barnes 03 июль 2015, в 12:35
0

Я постараюсь использовать это, спасибо большое :)
Arhyaa 03 июль 2015, в 12:36
0

Удовольствие, веселье! :-)
Tony Barnes 03 июль 2015, в 12:39
0

Еще один вопрос ! Я использую несколько UI-представлений в моем HTML (каждый из них имеет определенное имя). В моем динамическом состоянии я пытался использовать представления: {'my-view-name @': {controller: 'psecific controller'}. Контроллер читает stateParams, чтобы выбрать, какой HTML-файл загрузить, но все, что я получаю в приложении, это «не удалось разрешить» contact.state из состояния «подключен». Любая идея ?
Arhyaa 03 июль 2015, в 13:25
0

@Arhyaa Хм, я не уверен, трудно отлаживать отсюда: / Похоже, что ui-sref не объявлен правильно? Я также не думаю, что вам нужно @ в 'my-view-name@' . Проверьте это, это похоже: stackoverflow.com/a/25041362/1257504
Tony Barnes 03 июль 2015, в 13:43
0

Благодарю. Если понадобится, я сделаю из него вантуз :)
Arhyaa 03 июль 2015, в 13:44
0

У меня наконец-то возникла другая проблема с этим. Вот плункер. Когда я нажимаю кнопку «о» или «контакт», состояния «не могут быть разрешены из состояния« дом ». Любая идея ?
Arhyaa 06 июль 2015, в 09:34

Показать ещё 6 комментариев