角度有效的菜單項，但與路由無關

Question

我的Angular應用教導孩子們如何烹飪。該應用程序的主屏幕是廚房。

在左邊，用戶可以選擇他們想要添加的成分的食物類別。然後，在下一欄中，他們可以選擇特定的食物。

例如，如果他們想看到所有的香料，他們點擊「香料」，然後將精確的香料拖入鍋中。

我的問題是，如何讓「Spices」按鈕在使用時突出顯示？

我見過一些類似的問題，但它們都與路由有關。這是不相關的路由（即頁面沒有改變）

Answer 1

使用ng-class切換某種基於什麼是你的唯一的數據'selected'類的，當你點擊那個特定的菜單項。它可能是這個樣子：

<a ng-click="items = spices" ng-class="{selected: (items === spices)}">Spices</a> 

然後你只需要創建一個樣式爲您.selected項目。