Angular 在父组件中的元素上设置类

Angular 在父组件中的元素上设置类,angular,typescript,ui-sref,Angular,Typescript,Ui Sref,我们在应用程序的根目录中有一个侧栏。侧边栏是一个列表,单击列表项后,我们使用uiSrefActive在列表项上创建一个active类。但是,当您从该组件转到某个位置时,原始列表项将丢失该类。我想做的是,当您从第一个加载的组件导航到另一个组件(从结构上说,它是前一个组件的子组件,因此是活动信号)时,为list元素提供active类。页面顶部还有一个breadcrumb组件,其中第一个父级始终是其列表项应处于活动状态的组件。有没有办法做到这一点?跟踪导航堆栈有两种方法 一种方法是创建一个服务并跟踪您

我们在应用程序的根目录中有一个侧栏。侧边栏是一个列表,单击列表项后,我们使用uiSrefActive在列表项上创建一个
active
类。但是,当您从该组件转到某个位置时,原始列表项将丢失该类。我想做的是,当您从第一个加载的组件导航到另一个组件(从结构上说,它是前一个组件的子组件,因此是活动信号)时,为list元素提供
active
类。页面顶部还有一个breadcrumb组件,其中第一个父级始终是其列表项应处于活动状态的组件。有没有办法做到这一点?

跟踪导航堆栈有两种方法

  • 一种方法是创建一个服务并跟踪您在那里的导航。因此,如果要从侧边栏中选择项目,其活动状态将取决于服务,面包屑也是如此

  • 另一种方法(也是更好的方法)是依靠角度路由。这意味着您的导航基于Angular的路由器

  • 角度路由器 .