Angular7 ng-zorro-antd 制作右键菜单

• 没多少逻辑，就直接贴代码了
• 下面是html模板的代码：

    
中国
    
美国
    
英国



  

    

      
      重命名
    
    

    

      
      删除列表
    
  

• 下面是ts文件的代码

import { Component, TemplateRef } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { NzDropdownContextComponent, NzDropdownService } from 'ng-zorro-antd';


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  constructor(
    private dropdownService:NzDropdownService
  ){}

  dropdown:NzDropdownContextComponent;

  contextMenu($event:MouseEvent,template:TemplateRef){
    this.dropdown=this.dropdownService.create($event,template);
  }

  openRenameListModal(){
    console.log("打开了重命名modal");
  }

  close(){
    this.dropdown.close();
  }

  delete(){
    console.log("删除了一个元素");
  }
}