Как определить, когда вертикальная навигационная группа развернута / свернута - PullRequest
Новая
       9

Как определить, когда вертикальная навигационная группа развернута / свернута

0 голосов
/ 13 октября 2018

Я пытаюсь заставить вертикальную навигацию свернуть все остальные группы, когда группа открыта (это ограничивает размер меню, когда в группе много элементов).

person-nav.component.html 

<clr-vertical-nav-group (expandedChange)="doExpand()">
  {{this.personType || "People"}}
  <clr-vertical-nav-group-children>
    <a clrVerticalNavLink *ngFor="let person of people">
      {{person.name}}
    </a>
  </clr-vertical-nav-group-children>
</clr-vertical-nav-group>

person-nav.component.ts 

@Component({
  selector: 'app-person-nav',
  templateUrl: './person-nav.component.html',
  styleUrls: ['./person-nav.component.css']
})
export class PersonNavComponent implements OnInit {
...
  doExpand() {
    console.warn('Test');
  }
}

Но он никогда ничего не регистрирует, и любой другой код в doExpand() никогда не запускается.

1 Ответ

0 голосов
/ 15 октября 2018

Вы можете использовать существующий @Output в дочернем компоненте clr-vertical-nav-group: clrVerticalNavGroupExpandedChange.Вот как это может выглядеть для вашего примера кода: 

<clr-vertical-nav-group (clrVerticalNavGroupExpandedChange)="doExpand($event)">
  {{this.personType || "People"}}
  <clr-vertical-nav-group-children>
    <a clrVerticalNavLink *ngFor="let person of people">
      {{person.name}}
    </a>
  </clr-vertical-nav-group-children>
</clr-vertical-nav-group>
...