要将下拉菜单追加到 div 中，您可以使用 Angular 的组件和指令来实现。下面是一个使用 Angular 的示例代码：

1. 创建一个名为 dropdown.component.ts 的组件文件，并在其中定义下拉菜单的组件逻辑和模板。

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

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

      Toggle Dropdown
      

        
Item 1
        
Item 2
        
Item 3
      
    
  `,
  styleUrls: ['./dropdown.component.css']
})
export class DropdownComponent {
  isOpen = false;

  toggleDropdown() {
    this.isOpen = !this.isOpen;
  }
}

2. 在需要使用下拉菜单的组件中，导入并添加 DropdownComponent。

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

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

      
Parent Component
      
    
  `,
  styleUrls: ['./parent-component.component.css']
})
export class ParentComponent {
}

3. 在需要使用下拉菜单的模板文件中，将 添加到 div 中。

  
Angular App
  

这样，下拉菜单就会被追加到 div 中，并且可以通过点击按钮来切换菜单的显示状态。