Как назначить активный класс текущей ссылке маршрута в ampersand.js?

Question

У меня есть эти маршруты:

routes: { 
    '': 'index', 
    'lifestyle': 'lifestyle', 
    'about': 'about' 
}, 

index: function() { 

}, 

lifestyle: function() { 

}, 

about: function() { 

} 

Как я могу определить, какой из них является активным маршрутом, так что я могу назначить «активный» класс к соответствующей навигационной ссылке?

Answer 1

Самый простой способ - прослушать событие route, излучаемое маршрутизатором, и назначить класс active при его запуске. Для вашего routes определения:

routes: { 
    '': 'index', 
    'lifestyle': 'lifestyle', 
    'about': 'about' 
} 

Вы можете слушать, как это к route события:

router.on("route", function(page, ...arguments) { 
    //here 'page' can be 'index', 'lifestyle' or 'about'. 
    //then you can save the 'page' in a variable or assign your 'active' class right away 
}); 

Также проверьте last paragraph of the documentation