Как я могу ограничиться вызовом моей функции 2 раза - PullRequest
0 голосов
/ 18 октября 2018
<div *ngFor="let ticket of filteredTickets | orderBy : 'ResolvedAt';let i = index;" (click)="showTicketDetail(ticket)">
    <div>
        <a >{{ticket.value.IssueNo}}</a>
        <a class="checkbox" (click)="resolvedAndUnResolvedAction($event,ticket.value);">
            <input type="checkbox" id="mark-resolve{{i}}" [checked]="!helper.empty(ticket.value.ResolvedAt)" />
            <label for="mark-resolve{{i}}">Mark as resolved</label>
        </a>
    </div>
</div>

Вот мой код, и когда я нажимаю на кнопку-флажок, функция щелчка будет вызываться два раза. Есть ли необходимость ограничивать этот щелчок два раза, я использовал это в функции

resolvedAndUnResolvedAction(event, issue) {
   event.stopPropagation();
   console.log('called');
}

Эта команда напечатает вызов 2 раза в консоли

Ответы [ 2 ]

0 голосов
/ 22 октября 2018
<div *ngFor="let ticket of filteredTickets | orderBy : 'ResolvedAt';let i = index;" (click)="showTicketDetail(ticket)">
    <div>
        <a >{{ticket.value.IssueNo}}</a>
        <a class="checkbox" (click)="resolvedAndUnResolvedAction($event,ticket.value);">
            <input type="checkbox" id="mark-resolve{{i}}" [checked]="!helper.empty(ticket.value.ResolvedAt)" />
            <label (click)="$event.stopPropagation()" for="mark-resolve{{i}}">Mark as resolved</label>
        </a>
    </div>
</div>

Только что добавлено (click) = "$ event.stopPropagation ()" в ярлыке, который работает для меня

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

Не важно перестать вызывать дважды метод.Цель должна заключаться в том, почему он звонит дважды?

1.

Как вы можете сказать, что он звонит дважды?Вы проверяете журнал и рассказываете.Вы поместили тот же журнал в любой другой метод?

2.

Вы также вызываете тот же метод из его родительского компонента, который вызывает это снова.

3.

Есть ли какой-либо вложенный вызов метода?

...