Как вызвать событие клика по раскрывающемуся значению в angular 8 - PullRequest
Новая
       81

Как вызвать событие клика по раскрывающемуся значению в angular 8

0 голосов
/ 21 июня 2020

Мой вопрос простой. Просто я пытаюсь вызвать событие щелчка по раскрывающемуся значению. Зависит от номера значения раскрывающегося списка. Я хочу инициировать событие щелчка из компонента заголовка в компонент содержимого. Итак, я использовал здесь тему поведения. Но не работает. Как найти решение. Если кто-нибудь знает, пожалуйста, помогите мне.

Если вы посмотрите мою демонстрацию, вы легко поймете мой вопрос. Пожалуйста, проверьте демо.

Демо: https://stackblitz.com/edit/angular6-bootstrap4-navbar-fjy7jc?file=src / app / content / content.component. html

header.component.ts: 

  getDDVal(e){ 
   let ddValue=e.target.innerHTML; 
   let number = parseInt(ddValue.replace(/[^0-9\.]/g, ''), 10); 
   this.commonservice.changeMessage(number); 
  }

content.component.ts: 

 ngAfterViewInit() {
  this.elList.forEach((item, index) => { 
      if (index === this.geteventMsg ) (item.nativeElement as HTMLElement).click(); 
    }); 
 }

 ngOnInit(){  
    this.commonservice.currentMsg.subscribe(geteventMsg => this.geteventMsg = geteventMsg); 
    console.log("Header=",this.geteventMsg); 
 }

common.service.ts: 

 private messageSrc = new BehaviorSubject(0);
 currentMsg = this.messageSrc.asObservable(); 

 changeMessage(message: number) {
    this.messageSrc.next(message);
 }

header.component. html: 

<ul class="dropdown-menu" aria-labelledby="navbarDropdown" *dropdownMenu role="menu" aria-labelledby="navbarDropdown" (click)="getDDVal($event)">
<li>
   <a class="dropdown-item" (click)="redirectUrl('Test 0')">Test 0</a>
</li>
<li>
<a class="dropdown-item" (click)="redirectUrl('Test 1')">Test 1</a>
</li>
<li>
<a class="dropdown-item" (click)="redirectUrl('Test 2')">Test 2</a>
</li>
</ul>
...