角度2（点击）有时不会发射

Question

在我的Angular 2 / Bootstrap / AdminLTE中，我有以下模板：

<button type="button" class="btn btn-default"><i class="fa fa-cutlery" (click)='munch(1);'></i></button>

这是在调用这种方法：

async munch(amount: number) {
    console.log("Start")
    await this.food.redeem(amount);
    console.log("Stop")
}

该按钮嵌入在导航栏中。然后我按它，似乎有大约2/3随机的机会它会发射。但是，大约1/3的情况都没有发生，我甚至没有在控制台上看到Start。

是否有任何可能会影响Angular 2如何触发这些点击事件的内容？我的页面相对普通，我很确定我自己并没有搞乱任何低级别的DOM /事件处理/ JavaScript。

Answer 1

可能是，你的i-tag小于你的按钮？ 为什么不把（点击）放在按钮里而不是i标签？