首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular 2- ng-bootstrap -如何在输入字段中按Enter键时防止模式关闭

Angular 2是一种流行的前端开发框架,它提供了丰富的功能和工具来构建现代化的Web应用程序。ng-bootstrap是一个基于Angular的开源UI组件库,它提供了一套易于使用和高度可定制的UI组件,帮助开发人员快速构建漂亮的用户界面。

在ng-bootstrap中,当在输入字段中按下Enter键时,模态框(Modal)默认会关闭。如果想要防止模态框关闭,可以通过以下步骤实现:

  1. 导入所需的模块和组件:
  2. 导入所需的模块和组件:
  3. 在组件类中创建一个ViewChild引用,用于获取输入字段的DOM元素:
  4. 在组件类中创建一个ViewChild引用,用于获取输入字段的DOM元素:
  5. 在模态框打开时,订阅输入字段的keydown事件,并阻止默认行为:
  6. 在模态框打开时,订阅输入字段的keydown事件,并阻止默认行为:
  7. 在模态框关闭时,取消订阅输入字段的keydown事件:
  8. 在模态框关闭时,取消订阅输入字段的keydown事件:

这样,当在输入字段中按下Enter键时,模态框就不会关闭了。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。

  • 腾讯云云服务器(CVM):提供高性能、可扩展的云服务器实例,适用于各种计算场景,包括Web应用程序、企业应用程序、批处理作业、游戏服务器等。了解更多信息,请访问腾讯云云服务器
  • 腾讯云云数据库MySQL:提供稳定可靠的云数据库服务,支持高可用、可扩展、自动备份和恢复等功能,适用于各种应用程序的数据存储需求。了解更多信息,请访问腾讯云云数据库MySQL
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

AngularDart4.0 指南- 用户输入

用户的操作,点击链接,下按钮,输入文字引发DOM事件。 本页说明如何使用Angular事件绑定语法将这些事件绑定到组件事件处理程序。 运行实例(查看源代码)。...当用户下并释放一个,会发生一个键盘事件,而Angular在$ event变量中提供一个相应的DOM事件对象,该代码将该代码作为参数传递给组件的onKey()方法。...减少噪音的一种方法是检查每个$ event.keyCode,并且只有当输入enter才采取行动。 有一个更简单的方法:绑定到Angular的keyup.enter伪事件。...然后,只有当用户EnterAngular才会调用事件处理程序。...失去焦点(blur)事件 在前面的示例,如果用户在没有首先按下Enter的情况下单击页面上的其他位置,则输入框的当前状态将丢失。 只有当用户Enter,组件的value属性才会更新。

3.4K00

高性能缓存库Memcached 基础教程

Enter后,进入如下的页面:Enter后,如果正常连接,会显示如此图所示的黑框框,输入任何东西都不会显现出来,看不到任何东西,这是因为Win7 中将telnet 回显功能关闭了,这时候需要手动设置回显...Enter,进入telnet 交互界面,这时候用户可以看到自己的输入了,并且可以看到连接的memcached返回的交互信息: #向memcached存放一个key为variable、值为“louis...创建保存进程PID到文件,关闭的时候直接从文件获取PID 在memcached服务 创建的时候,可以使用-P  PidFile,将此memcached 服务的进程号PID保存到文件,但需要关闭此...3. replace操作 仅当已经存在,replace 命令才会替换缓存。如果缓存不存在,那么您将从 memcached 服务器接受到一条NOT_STORED 响应。...《Java虚拟机原理图解》1.4 class文件字段表集合--field字段在class文件是怎样组织的 《Java虚拟机原理图解》1.5、 class文件的方法表集合--method方法在class

1.1K30

Ng-Matero v15 正式发布

但是 datetimepicker 的时间选择模块并没有完全遵循 Material 规范(缺少时间输入模式),这也影响了很多需求的实现。...在外国友人的帮助下,14.6.0 终于加上了时间输入功能,效果如下所示: 在线体验地址 时间输入功能默认是关闭的,需要添加 timeInput 参数启用该特性。...侧边栏导航的焦点管理 侧边栏导航的聚焦功能是在 14.3.0 添加的,可能很多人没有注意到这个不显眼的功能(使用 TAB 即可快速的切换焦点, space 或者 enter 可以展开收起二级菜单..., enter 可以跳转路由)。...很多人可能觉得这个功能不重要,但是作为一个交互细节强迫症患者来说,真的无法忍受 TAB 焦点乱飞且不知所踪的问题。

5.4K40

何在Ubuntu 16.04上添加和删除用户

介绍 您应该知道最基本任务之一是如何在新的Linux服务器上添加和删除用户。当您创建新系统,您通常(例如在DigitalOcean Droplets上)默认情况下仅提供root帐户。...程序将是: 为新用户分配并确认密码 输入有关新用户的任何其他信息。这完全是可选的,如果您不想使用这些字段,可以通过Enter跳过。 最后,系统会要求您确认您提供的信息是否正确。输入Y继续。...您可以使用以下groups命令查看新用户所在的组: groups newuser Output newuser : newuser 默认情况下,新用户仅在其自己的组,该组在创建帐户创建,并与用户共享名称...完成后,可以通过Ctrl-X,然后Y,然后Enter确认来保存和关闭文件。 如何删除用户 如果您不再需要用户,最好删除旧帐户。...结论 您现在应该可以很好地处理如何在Ubuntu 16.04系统添加和删除用户。有效的用户管理将允许您分离用户并仅为他们提供完成工作所需的访问权限。

5.9K40

Figma技巧超全合集!40+隐藏技能!快收藏!(第二辑)

为了防止这种情况,我们可以在拖动嵌套元素空格。同样,如果您将外部元素拖到框架上并且不想将其包含在框架,则必须按空格。...28.Option + 触控板(鼠标) 输入的数字、颜色等可以如上例那样使用。您可以通过在鼠标和触摸板上左右移动手指来更改输入值(在 Mac 上使用两个手指)。...36.Tab Tab 有很多功能。在这个例子;如果在选择框架 Tab ,它将逐个浏览框架的元素。 37.Enter(返回) Enter是另一个具有许多功能的tab。...如果在选择框架 Enter ;它选择框架(子层)的第一个嵌套元素。 如果你一直回车,它会继续移动内部元素。同样,您可以使用Shift + Enter移动到层次结构的上层。...选择元素交换笔触颜色和填充颜色的快捷方式。 41.Shift + Cmd + O 轮廓描边。框架必须有一个元素才能使用此快捷方式。然后试试这个组合

1.8K21

Python 自动化指南(繁琐工作自动化)第二版:附录 B:运行程序

从终端窗口运行程序 当您打开终端窗口( Windows 上的命令提示符或 MacOS 和 Linux 上的终端),您会看到一个几乎空白的窗口,您可以在其中输入文本命令。...在 Ubuntu Linux 上,可以WIN调出 Dash,键入终端,Enter。键盘快捷CTRL - ALT -T 也会在 Ubuntu 上打开一个终端窗口。...此外,虽然从对话框运行 Python 脚本会打开一个新的终端窗口来显示其输出,但该窗口会在程序结束自动关闭,您可能会错过一些输出。...Name字段输入的任何内容)。...Windows 输入example.py (或者您在example.desktop文件的Name字段输入的任何名称)来运行example.py脚本。

1.8K40

chrome快捷

标签页和窗口快捷 操作 快捷 打开新窗口 Ctrl + n 在无痕模式下打开新窗口 Ctrl + Shift + n 打开新的标签页,并跳转到该标签页 Ctrl + t 重新打开最后关闭的标签页,并跳转到该标签页...Ctrl + Shift + m 打开反馈表单 Alt + Shift + i 地址栏快捷 在地址栏可使用以下快捷: 操作 快捷 使用默认搜索引擎进行搜索 输入搜索字词并按 Enter ...使用其他搜索引擎进行搜索 输入搜索引擎名称,然后 Tab  为网站名称添加 www. ...和 .com,并在当前标签页打开该网站 输入网站名称并按 Ctrl + Enter  打开新的标签页并执行 Google 搜索 输入搜索字词并按 Alt + Enter  跳转到地址栏 Ctrl...Ctrl + 向左箭头 将光标移到文本字段的上一个字词后面 Ctrl + 向右箭头 删除文本字段的上一个字词 Ctrl + Backspace 在当前标签页打开主页 Alt + Home

1.8K20

Linux常用命令12 - vi

vim 模式 启动 vim 编辑器,处于正常模式。 在这种模式下,您可以使用 vim 命令并在文件中导航。 为了能够输入文本,您需要进入插入模式下 i 。...这种模式允许您以在常规文本编辑器相同的方式插入和删除字符。左下角会提示一个 insert。 ? 要从任何其他模式回到正常模式,只需按 Esc 。...要在不退出编辑器的情况下保存文件,请按 Esc 切换回正常模式输入:w 并按 Enter 。...要以不同的名称保存文件,输入:w new filename,然后 Enter 。 保存文件并退出 在 vim 中保存文件并退出编辑器的命令是:wq。...退出不保存文件 若要退出编辑器,不保存更改,请按 Esc 切换到正常模式,键入:q! 并按回车。感叹号是强制的意思。 按键盘最左上角 Esc :q! Enter ?

1.9K30

何在Debian 8上添加和删除用户

介绍 您应该知道如何在新的Linux服务器上执行的最基本任务之一是添加和删除用户。创建新系统,默认情况下通常只会为您提供root帐户。...然后,系统会要求您输入有关新用户的任何其他信息。这完全是可选的,如果您不希望在这些字段输入信息,可以点击ENTER跳过 。 最后,系统会要求您确认您提供的信息是否正确。输入Y继续。...输入发出命令,用户帐户的密码没有了root用户的密码。...完成后,您可以通过点击CTRL-X,然后Y,然后ENTER确认来保存和关闭文件。 如何删除用户 如果您不再需要用户,最好删除旧帐户。...结论 您现在应该可以很好地处理如何在Debian 8系统添加和删除用户。有效的用户管理将允许您分离用户并仅为他们提供完成工作所需的访问权限。 更多Debian8教程请前往腾讯云+社区学习更多知识。

3.2K30

linux下卸载软件命令行,如何使用Linux的命令行卸载软件 | MOS86「建议收藏」

相关文章图片1tupian如何在Ubuntu轻松添加和删除程序14.04 如何在Linux 中找到应用程序的精确包名如果您有想要卸载的内容,但是您不知道确切的名称,请参阅我们的文章,了解在Linux查找准确的包名称...您还可以使用“dpkg”命令查看计算机上所有已安装软件包的列表,“Ctrl Alt T”打开终端窗口。在提示符下键入以下命令,然后Enter”。...sudo apt-get –purge删除gimp 提示输入密码,然后Enter。 NOTE:密码在您键入时不会显示。但是,您可以选择在键入密码显示星号。...当询问您是否要继续输入“y”并按“Enter。 安装过程继续。完成后,在提示符下输入“exit”,Enter关闭“终端”窗口,或单击窗口左上角的“X”按钮。...发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

3.9K20

Chrome快捷整理

在隐身模式下打开新窗口 Ctrl+O,然后选择文件 在谷歌浏览器打开计算机上的文件 按住 Ctrl ,然后点击链接 从后台在新标签页打开链接,但您仍停留在当前标签页 按住 Ctrl...Ctrl+Enter 为您在地址栏输入的内容添加”www.”和”.com”,然后打开网址 键入搜索引擎关键字或网址, Tab,然后键入搜索字词 使用与关键字或网址相关联的搜索引擎进行搜索...F6 或 Ctrl+L 或 Alt+D 选中网址区域中的内容 键入网址,然后 Alt+Enter 在新标签页打开网址 打开谷歌chrome浏览器各功能的快捷 Ctrl+B 打开和关闭书签栏...+0 将网页上的所有内容都恢复到正常大小 选中内容,然后 Ctrl+C 将内容复制到剪贴板 将光标置于文本字段,然后 Ctrl+V 或 Shift+Insert 从剪贴板粘贴当前内容...将光标置于文本字段,然后 Ctrl+Shift+V 从剪贴板粘贴当前内容的纯文本部分 选中文字字段的内容,然后 Ctrl+X 或 Shift+Delete 删除内容并将其复制到剪贴板

6.7K40

Myeclipse 2017 Ci 5文版

注意:如果您正在Angular项目中使用TypeScript,这些重命名操作还没有涉及到Angular模板,但我们正在努力将其添加到即将发布的版本 ?...4.支持仿真器快速测试 使用Web仿真器热同步移动应用,测试开发期间的更改。应用就像运行在不同的设备上,无论横向还是纵向模式,并且代码能尝试访问不同的设备功能 ?...+E 快速显示当前Editer的下拉列表 Ctrl+J 正向增量查找(下Ctrl+J后,你所输入的每个字母编辑器都提供快速匹配定位到某个单词,如果没有,则在stutes line显示没有找到了,)...Shift+Ctrl+Enter 在当前行插入空行(原理同上条) ----------------------------------------- MyEclipse 快捷3(ALT) ------...- MyEclipse 快捷(6) -------------------------------------------- F2当鼠标放在一个标记处出现Tooltip时候F2则把鼠标移开Tooltip

2K20

Chrome 键盘快捷

输入搜索字词并按 Enter  使用其他搜索引擎进行搜索 输入搜索引擎名称并按 Tab  为网站名称添加 www. ...和 .com,并在当前标签页打开该网站 输入网站名称并按 Ctrl + Enter  打开新的标签页并执行 Google 搜索 输入搜索字词并按 Alt + Enter  跳转到地址栏 Ctrl...+ l、Alt + d 或 F6 从页面的任意位置搜索 Ctrl + k 或 Ctrl + e 从地址栏移除联想查询内容 向下箭头以突出显示相应内容,然后 Shift + Delete 网页快捷...显示当前网页的 HTML 源代码(不可修改) Ctrl + u 将当前网页保存为书签 Ctrl + d 将所有打开的标签页以书签的形式保存在新文件夹 Ctrl + Shift + d 开启或关闭全屏模式...将光标移到文本字段的上一个字词后面 Ctrl + 向右箭头 删除文本字段的上一个字词 Ctrl + Backspace 将焦点移到通知上 Alt + n 在通知中允许 Alt + Shift +

1.4K20

DataGrip,一款数据库客户端工具,IDEA的兄弟是真香!

输入完成后,点击“Test Connection”,测试连接。 测试连接成功后,点击右下角 Apply 进行应用,然后 OK 保存关闭窗口。...---- ---- 2.快速导航到指定的表、视图、函数等 在 DataGrip ,使用 Ctrl+N 快捷,弹出一个搜索框,输入需要导航的名称,回车即可。...---- 4.结果集搜索 在查询结果集视图区域点击鼠标,下 Ctrl+F 快捷,弹出搜索框,输入搜索内容,支持正则表达式、过滤结果。...---- 7.自动检测无法解析的对象 如果表名、字段名不存在,DataGrip 会自动提示,此时对着有问题的表名或字段名,下 Alt+Enter,会自动提示是否创建表或添加字段。...---- 11.多光标模式 在编辑 sql 的时候,可能需要同时输入或同时删除一些字符,下 Alt+Shift,同时鼠标在不同的位置点击,会出现多个光标。

1.1K30

《Python for Excel》读书笔记连载4:Python开发环境之Jupyter笔记本

现在重复上一节的练习:键入3+4并通过单击顶部菜单栏的运行按钮运行单元格,或者更简单地通过Shift+Enter运行单元格。这将运行在单元格的代码,在单元格下方打印结果并跳转到下一个单元格。...在浏览器输入时你会注意到,输入单元格使用不同的颜色对字符串、数字等进行格式设置,以便于阅读。这称为语法突出显示。...Shift+Enter后,文本将呈现为格式良好的HTML。...选择单元格,也可以Enter,而不是单击单元格。 命令模式 要切换到命令模式退出(ESC);选定的单元格周围的边框将为蓝色,并且不会有任何闪烁的光标。...因此,当你关闭笔记本,还应关闭其内核,以便其他任务可以再次使用这些资源,这将防止你的系统变慢。实现这一点的最简单方法是通过“File>Closeand Halt”关闭笔记本。

2.6K30

RPA与Excel(DataTable)

在操作Excel,尽量选择Excel application scope控件,并且将属性的Visible属性勾选去掉,一方面提高执行效率,一方面避免后面使用快捷,但是Excel还没来得及关闭,这样的话快捷就会在...以“结束”模式移动或滚动 打开或关闭“结束”模式:End 在一行或一列内以数据块为单位移动:End+箭头 移动到工作表的最后一个单元格,在数据中所占用的最右列的最下一行:End+Home 移动到当前行中最右边的非空单元格...扩展选定区域 打开或关闭扩展模式:F8 将其他区域的单元格添加到选定区域中,或使用箭头移动到所要添加的区域的起始处,然后“F8”和箭头以选定下一个区域:Shift+F8 将选定区域扩展一个单元格:...输入并计算公式 键入公式:=(等号) 关闭单元格的编辑状态后,将插入点移动到编辑栏内:F2 在编辑栏内,向左删除一个字符:Backspace 在单元格或编辑栏完成单元格输入Enter 将公式作为数组公式输入...:Ctrl+Shift+Enter 取消单元格或编辑栏输入:Esc 在公式,显示“插入函数”对话框:Shift+F3 当插入点位于公式公式名称的右侧,弹出“函数参数”对话框:Ctrl+A 当插入点位于公式函数名称的右侧

5.7K20
领券