AngularJS- Перейдите на страницу с выбранным товаром

Question

У меня есть страница, как показано в этом примере plnkr.

http://plnkr.co/edit/NKVVn4ga6lYOBWEblt0o?p=preview

При нажатии на гиперссылку (добавлена ​​на нижней части страницы) с HREF = «#/тест», я хочу, чтобы открыть эту страницу, но с одним из пунктов в списке выбран.

(Причина, пытаясь добиться этого, я буду иметь URL с этим маршрутом в другом приложении, и при нажатии на ссылку, я хочу эту страницу открытой с выбранным элементом.)

Это то, что мои routeProvider код выглядит

myItemsApp.config(['$routeProvider', function($routeProvider){ 
    $routeProvider. 
    when('/test',{ 
     templateUrl:'index.html', 
    }). 
    otherwise({ 
     redirectTo:'/', 
    }) 
}]); 

Могу ли я сделать что-нибудь здесь, чтобы установить третий элемент (к примеру) в списке выбран?

Что я сделал до сих пор, я попытался сделать решение в routeProvider и некоторую логику в контроллере, чтобы установить третий элемент в списке, который будет выбран, и потерпел неудачу.

Любая помощь будет принята с благодарностью.

Answer 1

Это на самом деле очень просто, если у вас уже есть маршрут, просто используйте $ routeParams , чтобы получить дескриптор выбранного идентификатора элемента, а затем используйте этот идентификатор, чтобы пройти по вашему списку и установить правильный элемент как активный, как для вашего route, я не помню ngRoute, потому что я не использовал его через некоторое время, но вы можете просто создать другой маршрут, тот же контроллер, тот же шаблон, просто сделайте url похожим/test /: item_id