热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

使用Alt+Shift+R在Angular中添加快捷键以刷新Grid(在MACOS中不起作用)

我尝试以以下提到的链接方式添加快捷方式,因为我有许多要为App设置的快捷方式。App.C

我尝试以以下提到的链接方式添加快捷方式,因为我有许多要为App设置的快捷方式。

App.Componet.ts

export class AppComponent {
name = 'Angular';
constructor(private hotkeys: Hotkeys) {
hotkeys.addShortcut({ keys: 'alt.shift.f',description: 'Add Widget' }).pipe(take(2)).subscribe(console.log);
hotkeys.addShortcut({ keys: 'alt.j',description: 'Open Settings' }).subscribe(console.log);
}
log($event) {
console.log($event)
}
}

Hotkeys.service.ts

import { Injectable,Inject } from '@angular/core';
import { EventManager } from '@angular/platform-browser';
import { Observable } from 'rxjs';
import { DOCUMENT } from "@angular/common";
import { MatDialog } from '@angular/material';
import { HotkeysDialogComponent } from './hotkeys-dialog/hotkeys-dialog.component';
type OptiOns= {
element: any;
description: string | undefined;
keys: string;
}
@Injectable({
providedIn: 'root'
})
export class Hotkeys {
hotkeys = new Map();
defaults: Partial = {
element: this.document
}
constructor(private eventManager: EventManager,private dialog: MatDialog,@Inject(DOCUMENT) private document: Document) {
this.addShortcut({ keys: 'shift.?' }).subscribe(() => {
this.openHelpModal();
});
}
addShortcut(options: Partial) {
const merged = { ...this.defaults,...options };
const event = `keypress.${merged.keys}`;
merged.description && this.hotkeys.set(merged.keys,merged.description);
return new Observable(observer => {
const handler = (e) => {
e.preventDefault()
observer.next(e);
};
const dispose = this.eventManager.addEventListener(merged.element,event,handler);
return () => {
dispose();
this.hotkeys.delete(merged.keys);
};
})
}
openHelpModal() {
this.dialog.open(HotkeysDialogComponent,{
width: '500px',data: this.hotkeys
});
}
}

https://stackblitz.com/edit/angular-mbz3df?file=src/app/app.component.ts

但是,Alt.Shift.R如何在MAC机器中不起作用。它可以在Windows Machine for Chrome和Internet Explorer中工作。

我们是否可以通过其他任何方式将快捷方式添加到Web应用程序。

预期:即使在MAC中也可以在按alt.shift.r时执行所需的操作





推荐阅读
  • 本文将介绍如何在混合开发(Hybrid)应用中实现Native与HTML5的交互,包括基本概念、学习目标以及具体的实现步骤。 ... [详细]
  • 为了确保iOS应用能够安全地访问网站数据,本文介绍了如何在Nginx服务器上轻松配置CertBot以实现SSL证书的自动化管理。通过这一过程,可以确保应用始终使用HTTPS协议,从而提升数据传输的安全性和可靠性。文章详细阐述了配置步骤和常见问题的解决方法,帮助读者快速上手并成功部署SSL证书。 ... [详细]
  • 本文详细介绍了如何在项目中引入和配置KindEditor网页编辑器,包括脚本引用、初始化编辑器以及文件上传功能的实现。 ... [详细]
  • 本文详细介绍了如何在 Linux 系统上安装 JDK 1.8、MySQL 和 Redis,并提供了相应的环境配置和验证步骤。 ... [详细]
  • Webpack 初探:Import 和 Require 的使用
    本文介绍了 Webpack 中 Import 和 Require 的基本概念和使用方法,帮助读者更好地理解和应用模块化开发。 ... [详细]
  • 本文详细介绍了在编写jQuery插件时需要注意的关键要点,包括模块化支持、命名规范和性能优化等内容,旨在帮助开发者提高插件的质量和可维护性。 ... [详细]
  • [转]doc,ppt,xls文件格式转PDF格式http:blog.csdn.netlee353086articledetails7920355确实好用。需要注意的是#import ... [详细]
  • 本文介绍了如何使用 Node.js 和 Express(4.x 及以上版本)构建高效的文件上传功能。通过引入 `multer` 中间件,可以轻松实现文件上传。首先,需要通过 `npm install multer` 安装该中间件。接着,在 Express 应用中配置 `multer`,以处理多部分表单数据。本文详细讲解了 `multer` 的基本用法和高级配置,帮助开发者快速搭建稳定可靠的文件上传服务。 ... [详细]
  • 优化Vite 1.0至2.0升级过程中遇到的某些代码块过大问题解决方案
    本文详细探讨了在将项目从 Vite 1.0 升级到 2.0 的过程中,如何解决某些代码块过大的问题。通过具体的编码示例,文章提供了全面的解决方案,帮助开发者有效优化打包性能。 ... [详细]
  • 在 Android 开发中,`android:exported` 属性用于控制组件(如 Activity、Service、BroadcastReceiver 和 ContentProvider)是否可以被其他应用组件访问或与其交互。若将此属性设为 `true`,则允许外部应用调用或与之交互;反之,若设为 `false`,则仅限于同一应用内的组件进行访问。这一属性对于确保应用的安全性和隐私保护至关重要。 ... [详细]
  • 在Linux系统中,网络配置是至关重要的任务之一。本文详细解析了Firewalld和Netfilter机制,并探讨了iptables的应用。通过使用`ip addr show`命令来查看网卡IP地址(需要安装`iproute`包),当网卡未分配IP地址或处于关闭状态时,可以通过`ip link set`命令进行配置和激活。此外,文章还介绍了如何利用Firewalld和iptables实现网络流量控制和安全策略管理,为系统管理员提供了实用的操作指南。 ... [详细]
  • 本文详细介绍了在Linux系统上编译安装MySQL 5.5源码的步骤。首先,通过Yum安装必要的依赖软件包,如GCC、GCC-C++等,确保编译环境的完备。接着,下载并解压MySQL 5.5的源码包,配置编译选项,进行编译和安装。最后,完成安装后,进行基本的配置和启动测试,确保MySQL服务正常运行。 ... [详细]
  • 如何使用ES6语法编写Webpack配置文件? ... [详细]
  • 在 Vue 应用开发中,页面状态管理和跨页面数据传递是常见需求。本文将详细介绍 Vue Router 提供的两种有效方式,帮助开发者高效地实现页面间的数据交互与状态同步,同时分享一些最佳实践和注意事项。 ... [详细]
  • 在处理木偶评估函数时,我发现可以顺利传递本机对象(如字符串、列表和数字),但每当尝试将JSHandle或ElementHandle作为参数传递时,函数会拒绝接受这些对象。这可能是由于这些句柄对象的特殊性质导致的,建议在使用时进行适当的转换或封装,以确保函数能够正确处理。 ... [详细]
author-avatar
tttt
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有