Angularjs дочерние стейты abstract state?

Question

[sdgroup14]

суть такова, мне нужно сделать дочерние стейты. через абстракт. Но вроде бы понял вообще зачем нужно это свойство. и так начал писать и вылезла такая ошибка .

Вот собственно код на этой странице и ошибка появляется только если указываю abstract: true,

function config($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider
.state('phones', {
abstract: true,
url: '/phones',
templateUrl: '../views/pages/phones/phones.html',
controller: PhonesCtrl,

})
.state('phones.nokia', {
url: '/nokia',
templateUrl: '../views/pages/phones/phones.html',
})
.state('phones.htc', {
url: '/htc',
templateUrl: '../views/pages/phones/phones.html',
})
.state('phones.apple', {
url: '/apple',
templateUrl: '../views/pages/phones/phones.html',
})

};

Answer 1

[Николай]

Вы делаете переход на абстрактный стейт "phones".
Он на то и называется абстрактный, что перейти на него нельзя.

Comments

[sdgroup14]

Прошу прощения, но дело в том что тогда я не понимаю зачем существует абстрактный.
Я перерыл документацию, но там как бы разные ответы :). Я стараюсь все это постичь, но видимо не хватает воображения.
Дело в том что водной документации( https://www.youtube.com/watch?v=uyD8k8Kvpp0&t=69s ) описано что с помощью этого свойства можно по сути вместо инклюдов сделать header footer и так далее, мол человек не взаимодействует к ним, чтоб к ним перейти. Но я ж могу не парится и все это заинклюдить? Зачем тогда такие большие манипуляции с роутингом? зачем этот абстрактный стейт нужен?

В другом примере, https://www.youtube.com/watch?v=dJ6320ZqR5U на 47 минуте человек показывает, что у него по дефолту вызывается страница одна domain/page1/ но она якобы пустая...
и для того чтоб в ней присутствовал контент он включает этот абстрактный стейт, чтоб подключить еще на уровень ниже и теперь по дефолту ты переходишь на domain/page1 а на самом деле подключается domain/page1/content1.

Очень тяжело и путают такие разьяснения... Конечно я понимаю что я не подарок, но я очень стараюсь это постичь. :) Помогите пожалуйста

[sdgroup14]

Вот ссылка на хабр...
https://github.com/sdgroup14/site

[Николай]

я не знаю откуда вы взяли эти видео, прочитайте вот эти два абзаца https://github.com/angular-ui/ui-router/wiki/Neste....
Там даже примеры есть с рабочим планкером.

[sdgroup14]

Николай: Николай: Да я смотрел эту статью, и планкер. Там state contacts передаёт 2 значения через $scope на дочерний state contacts.list... Который автоматически подгружается. И после при клике он в detail подхватывает кликнутый scope через :id. Но я не понимаю вообще по сути abstract state...(

[Николай]

В том что вы скинули вам вообще не нужен abstract state, достаточно вложенных.
Abstract state нужен когда у вас для множества стейтов есть общий шаблон (например хедер и футер)
или когда вам нужно какие-то одинаковые данные загрузить или проверить(например авторизацию) при переходе на множество разных стейтов. Тогда создается абстрактный стейт, в котором эта проверка указывается. И далее все дочерние стейты будут проходить через эту проверку.
Для начала разберитесь просто с иерархией стейтов. Вам для вашего задания этого вполне достаточно