要在Angular中添加一个div来阻止背景点击，你可以使用以下方法：

1. 创建一个新的组件，例如"block-background"组件。

import { Component } from '@angular/core';

@Component({
  selector: 'app-block-background',
  template: `
`,
  styleUrls: ['./block-background.component.css']
})
export class BlockBackgroundComponent {
  preventBackgroundClick(event: MouseEvent) {
    event.stopPropagation();
  }
}

2. 在AppComponent中使用"block-background"组件。

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    

      
    
  `,
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  backgroundClick() {
    // 处理背景点击事件
  }
}

3. 在CSS中设置透明的背景和合适的大小和定位。

.background {
  position: relative;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */
  width: 100%;
  height: 100%;
}

.block-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

这样，当你点击背景时，背景点击事件将会被阻止，而只会触发"block-background"组件中的点击事件。