Использование определенного шаблона на основе определенного параметра маршрута

Question

Я хотел бы использовать конкретный шаблон, если параметр маршрута - 1, а другой шаблон, если это что-то еще.

Однако если я жёстко 1, я теряю связывание:

when("/edit/person/1", { 

    }, 
    templateUrl: 'partials/proband.html', 
    controller: "PersonCtrl" 
}). 
when("/edit/person/:person_id", { 
    }, 
    templateUrl: 'partials/person-form.html', 
    controller: "PersonCtrl" 
}). 

Что такое лучший способ справиться с этим?

Answer 1

when("/edit/person/:person_id", { 
}, 
templateUrl: 'partials/person-form.html', 
controller: "PersonCtrl" 

}).

Используйте этот маршрут и укажите инструкцию "if" в контроллере. Например, вы можете:

if ($stateParams.person_id === 1) { 
    //Do something 
} 

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

Answer 2

Я не уверен, что это лучший способ, но вы можете решить проблему, слушая $routeChangeStart слушателя на $rootScope в run блоке:

.run(function($rootScope) { 
    $rootScope.$on('$routeChangeStart', function (event, next) { 
    // If person_id is 1 
    var person_id_1 = (next.originalPath === "/edit/person/:person_id") && 
         next.params.person_id === '1'; 

    if (person_id_1) { 
     // Set templateUrl 
     next.templateUrl = 'partials/proband.html'; 
    } 
    }); 
})