Привет, ребята, у меня проблема с routerLink, я передал его li, но я не хочу, чтобы он работал для внутреннего элемента li, мой HTML выглядит следующим образом:

     <li class="list-item bg-list-item padding-x" [ngClass]="selected && index == 2 ? 'list-grow' : ''" routerLink="/task">
        <input type="checkbox" id="item2">
        <h1 id="self">
          Board Name
          <label for="item2"><i class="icon gray right-align icon-Edit large" (click)="rename(2)"></i></label>
        </h1>
        <h1 id="edit">
          <input type="text" placeholder="rename board name">
          <label for="item2"><i class="icon gray right-align icon-OK large" (click)="rename(0)"></i></label>
        </h1>
        <h4 class="free-space-top-x gray">Last Modified by Alfred</h4>
        <ul class="free-space-top-2x horizontal-list">
          <li class=""><i class="icon gray icon-Tasks-List medium"></i>10</li>
          <li class=""><i class="icon gray icon-Employees-Count medium"></i> 3</li>
          <li class=""><i class="icon gray icon-Comment medium"></i>+99</li>
          <li class=""><i class="icon gray icon-Bell medium"></i>9</li>
        </ul>
      </li>

И я не хочу работать с лейблами routerLink

1
Alfred 10 Окт 2021 в 14:06

2 ответа

Лучший ответ

Просто добавьте это к своему мероприятию click:

(click)="$event.stopPropagation(); rename(0);"
0
skyBlue 10 Окт 2021 в 12:58

Изменение

(click)="rename(2)"

К

(click)="rename(2, $event)"

И переименуйте источник в: -

rename(id, event) {
  event.stopPropagation();
  //remaining code
}
0
Aakash Garg 10 Окт 2021 в 11:26