在Angular中，可以使用ngFor指令和ngSwitch指令来实现下拉菜单显示多个内容的功能。

首先，需要定义一个菜单项的数据模型，例如：

export interface MenuItem {
  label: string;
  content: string;
}

接下来，在组件中定义菜单项的数组，并初始化一些菜单项：

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

@Component({
  selector: 'app-dropdown',
  templateUrl: './dropdown.component.html',
  styleUrls: ['./dropdown.component.css']
})
export class DropdownComponent {
  menuItems: MenuItem[] = [
    { label: 'Item 1', content: 'This is content for Item 1' },
    { label: 'Item 2', content: 'This is content for Item 2' },
    { label: 'Item 3', content: 'This is content for Item 3' }
  ];

  selectedMenuItem: MenuItem = this.menuItems[0]; // 默认选中第一个菜单项
}

接着，在HTML模板中使用ngFor指令和ngSwitch指令来动态生成下拉菜单和显示对应的内容：

  
    {{ selectedMenuItem.label }}
  
  

    
      {{ item.label }}
    
  



  

    
{{ selectedMenuItem.content }}
    
{{ selectedMenuItem.content }}
    
{{ selectedMenuItem.content }}
  

在上述示例中，使用ngFor指令循环生成下拉菜单中的菜单项，并通过点击菜单项来更新选中的菜单项。使用ngSwitch指令来根据选中的菜单项显示对应的内容。

这样，当用户选择不同的菜单项时，下拉菜单会显示相应的内容。