Angular 2+实现自定义右键菜单组件教程

资源摘要信息:"ng2-right-click-menu:Angular 2+的右键单击上下文菜单" 知识点: 1. Angular 2+是一个使用TypeScript编写的开源前端框架，主要用于构建动态的网页应用程序。Angular的版本从2开始，后面发展到Angular 4、Angular 5、Angular 6等，一直沿用至今。 2. 右键单击上下文菜单是一个用户界面元素，当用户在网页上右键单击时，会弹出一个菜单，用户可以在此菜单中选择相应的操作。 3. ng2-right-click-menu是专门为Angular 2+开发的一个右键单击上下文菜单库，可以帮助开发者快速实现右键单击功能。 4. @angular/cdk是Angular的核心库，提供了很多常用的工具和指令，可以帮助开发者快速开发和部署Angular应用。 5. @angular/cdk/overlay-prebuilt.css是@angular/cdk库中的一个样式文件，用于设置右键单击菜单的样式。 6. npm是一个JavaScript包管理工具，可以用来安装、卸载和管理包。在本资源中，通过npm install --save ng2-right-click-menu @angular/cdk命令，可以安装ng2-right-click-menu和@angular/cdk库。 7. @ NgModule是一个Angular的装饰器，用于定义Angular模块。在这个资源中，通过@ NgModule装饰器导入ShContextMenuModule，使得模块具有右键单击上下文菜单的功能。 8. 在Angular中，样式文件的导入方式为@import "~@angular/cdk/overlay-prebuilt.css" ;。 9. sh-context是ng2-right-click-menu库中的一个指令，用于定义右键单击菜单的模板。开发者可以自定义模板，以实现自己的右键单击功能。 标签解读: 1. angular:表示这是一个与Angular相关的资源。 2. angular2:表示这是一个与Angular 2相关的资源。 3. contextmenu:表示这是一个与右键单击上下文菜单相关的资源。 4. context-menu:表示这是一个与上下文菜单相关的资源。 5. right-click:表示这是一个与右键单击相关的资源。 6. angular2-directive:表示这是一个与Angular 2指令相关的资源。 7. TypeScript:表示这是一个与TypeScript相关的资源。 文件名称分析: 1. ng2-right-click-menu-master:这是ng2-right-click-menu的主文件，包含了ng2-right-click-menu的所有源代码和文档。