时间戳

首页 > 解决方案 > 如何签入控制台选择的导航？

angular - 如何签入控制台选择的导航？

问题描述

如何通过 console.log 检查选定的导航

export const navItems: NavData[] = [
  {
    name: 'Book #1',
    url: '/book',
    icon: 'fa fa-book',
    children: [{
      name: 'Book #2',
      url: '/book',
      icon: 'fa fa-pencil'
    },{
      name: 'Shopping Plan',
      url: '/plan',
      icon: 'fa fa-shopping-cart',
    }]
  }
]

如果我在 sideNav 中单击购物计划，则在显示“购物计划”的控制台上。或者，如果我在显示“Book #2”的控制台上单击 Book #2。换句话说，如何控制选定的导航？

这是 HTML：

  <app-sidebar [fixed]="true" [display]="'lg'">
    <app-sidebar-nav [navItems]="navItems" [perfectScrollbar] [disabled]="sidebarMinimized"></app-sidebar-nav>
    <app-sidebar-minimizer></app-sidebar-minimizer>
  </app-sidebar>

标签： angulartypescript

解决方案

据我所知，从更高级别的组件（您显示的代码放在其中）是不可能实现的。实现此目的的唯一方法是修改app-sidebar-nav并将侦听器分配给(click)包含 的列表项navItems。意思是app-sidebar-nav，当然，你在 html 中有如下结构，添加（单击）到它：

<ul>
<li ngFor="let item of navItems" (click)="showInConsole(item.name)">{{item.name}}</li>
</ul>

并在您的组件中添加：

showInConsole(name){
Console.log(name);}

推荐阅读