Angularjs 角度活动菜单项,但与布线无关

Angularjs 角度活动菜单项,但与布线无关,angularjs,class,menu,Angularjs,Class,Menu,我的Angular应用程序教孩子们如何烹饪。该应用程序的主屏幕是一个厨房 在左边,用户可以选择他们想要添加的成分的食品类别。然后,在下一专栏中,他们可以选择特定的食物 例如,如果他们想看到所有的香料,他们会点击“香料”,然后将准确的香料拖入锅中 我的问题是,如何在使用“Spices”按钮时使其高亮显示 我见过一些类似的问题,但它们都与路由有关。这与路由无关(即页面未更改) 使用ng类在单击特定菜单项时,根据数据的独特性切换某种类型的“选定的”类。它可能看起来像这样: <a ng-click

我的Angular应用程序教孩子们如何烹饪。该应用程序的主屏幕是一个厨房

在左边,用户可以选择他们想要添加的成分的食品类别。然后,在下一专栏中,他们可以选择特定的食物

例如,如果他们想看到所有的香料,他们会点击“香料”,然后将准确的香料拖入锅中

我的问题是,如何在使用“Spices”按钮时使其高亮显示

我见过一些类似的问题,但它们都与路由有关。这与路由无关(即页面未更改)


使用
ng类
在单击特定菜单项时,根据数据的独特性切换某种类型的
“选定的”
类。它可能看起来像这样:

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

然后,您只需要为您的
项创建一个样式。

检查ng类,您可以使用ng类指令设置条件类。提供有关控制器结构的更多详细信息。所以我可以提供更多细节