目标部分有角度

Question

我尝试使用以下代码将section元素与点击事件定位：

removeOfflineNotification(event: any) 
{
   console.log('event clicked', event);
   this.render.addClass(event.target, 'offline-notifier-closed');
}

代码可以工作但只在我点击的目标上，html是：

<section class="offline-notifier" *ngIf="!isOnline" 
 (click)="removeOfflineNotification($event)">
     <h4>You are currently offline</h4>
     <p>The App will have limited functionality</p>
     <span class="btn btn-primary">Close</span>
</section>

如果我点击span我怎样才能使整个部分close在span标记消失的那一刻（这是目标）然后我必须再次点击该部分才能消失

单击span

时，如何使该部分消失