在带有ngIf的Angular 5组件上使用事件绑定

，可以通过以下步骤实现：

1. 首先，在组件的HTML模板中，使用ngIf指令来判断条件是否满足，如果满足条件则显示组件，否则隐藏组件。例如：

<div *ngIf="condition">
  <!-- 组件内容 -->
</div>

1. 接下来，为组件中的元素添加事件绑定。可以使用Angular提供的事件绑定语法，通过在元素上使用圆括号和事件名称来绑定相应的事件处理函数。例如：

<button (click)="handleClick()">点击按钮</button>

1. 在组件的TypeScript文件中，定义事件处理函数。可以在该函数中编写处理事件的逻辑。例如：

handleClick() {
  // 处理点击事件的逻辑
}

以上就是在带有ngIf的Angular 5组件上使用事件绑定的基本步骤。通过这种方式，可以根据条件动态显示或隐藏组件，并且为组件中的元素添加事件处理逻辑。

关于Angular的ngIf指令和事件绑定语法的更多详细信息，可以参考腾讯云的Angular文档：

• Angular ngIf指令
• Angular 事件绑定

请注意，以上链接是腾讯云的相关文档，仅供参考。