проблема с угловым ui-маршрутизатором

Question

В настоящее время я пытаюсь настроить маршруты в своем угловом приложении. У меня есть эти состояния:

.state('pet', { 
    url: '/pet/:petId', 
    templateUrl: 'scripts/views/profile/profile.html', 
    controller: 'ProfileCtrl' 
}) 
.state('addPet', { 
    url: '/pet/add', 
    templateUrl: 'scripts/views/profile/edit.html', 
    controller: 'ProfileFormCtrl' 
}) 
.state('editPet', { 
    url: '/pet/:petId/edit', 
    templateUrl: 'scripts/views/profile/edit.html', 
    controller: 'ProfileFormCtrl' 
}) 

Проблема заключается в том, когда я хочу пойти на состояние «addPet», угловой пытается вызвать «домашнее животное» состояние с «добавить» как «: petId» параметр.

Так что я пытался сделать это по-другому:

.state('pet', { 
    url: '/pet', 
    abstract: true 
}) 
.state('pet.show', { 
    url: '/:petId', 
    templateUrl: 'scripts/views/profile/profile.html', 
    controller: 'ProfileCtrl' 
}) 
.state('pet.add', { 
    url: '/add', 
    templateUrl: 'scripts/views/profile/edit.html', 
    controller: 'ProfileFormCtrl' 
}) 
.state('pet.edit', { 
    url: '/:petId/edit', 
    templateUrl: 'scripts/views/profile/edit.html', 
    controller: 'ProfileFormCtrl' 
}) 

и он не работает.

Любые предложения?

Answer 1

Изменить порядок, держать addPet состояние до любимца государственного

.state('addPet', { 
    url: '/pet/add', 
    templateUrl: 'scripts/views/profile/edit.html', 
    controller: 'ProfileFormCtrl' 
}) 
.state('pet', { 
    url: '/pet/:petId', 
    templateUrl: 'scripts/views/profile/profile.html', 
    controller: 'ProfileCtrl' 
}) 
.state('editPet', { 
    url: '/pet/:petId/edit', 
    templateUrl: 'scripts/views/profile/edit.html', 
    controller: 'ProfileFormCtrl' 
})