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

ng2-currency-mask <输入readonly>属性不起作用

ng2-currency-mask是一个用于Angular框架的库,用于在输入框中格式化和验证货币输入。它提供了一种简单的方式来确保用户输入的货币值符合特定的格式要求。

在ng2-currency-mask中,<输入readonly>属性用于将输入框设置为只读模式,即禁止用户编辑输入框中的内容。然而,根据您的描述,该属性似乎不起作用。

要解决这个问题,您可以尝试以下几个步骤:

  1. 确保您已正确导入和安装了ng2-currency-mask库。您可以通过查看项目的依赖项或使用npm或yarn等包管理工具来验证。
  2. 检查您是否正确使用了<输入readonly>属性。确保它被正确地应用到输入框元素上,例如:
代码语言:html
复制
<input type="text" currencyMask [readonly]="true" />
  1. 检查ng2-currency-mask的文档和示例,以确保readonly属性在该库中的使用方式没有特殊要求或限制。您可以查看ng2-currency-mask的GitHub存储库或官方文档来获取更多信息。

如果上述步骤都没有解决问题,您可以考虑以下替代方案:

  1. 使用Angular内置的readonly属性代替ng2-currency-mask库。您可以使用Angular的属性绑定来将输入框设置为只读模式,例如:
代码语言:html
复制
<input type="text" [readonly]="true" />
  1. 尝试其他类似的Angular货币格式化和验证库。您可以在Angular生态系统中搜索其他库,以找到适合您需求的解决方案。

希望以上信息能帮助您解决ng2-currency-mask中<输入readonly>属性不起作用的问题。如果您需要更多帮助,请提供更多细节或代码示例,以便我们能够更准确地帮助您解决问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

属性关键字OnDelete,Private,ReadOnly,Required

在IRIS中,私有属性总是被继承的,并且对定义属性的类的子类可见;其他语言经常调用这些受保护的属性。默认如果省略此关键字,则此属性不是私有的。...第107章 属性关键字 - ReadOnly指定属性是只读的,这限制了其值的设置方式。...用法要指定属性为只读,请使用以下语法:Property name As classname [ ReadOnly ];否则,省略此关键字或将单词Not放在关键字的前面。...重要提示:不要在集合属性中使用ReadOnly关键字。详解此关键字指定不能通过使用对象引用来设置该属性的值。...详解对于持久类,此关键字指定在包含对象可以存储到磁盘之前,必须给属性一个值;如果属性没有值,则会发生错误。如果属性的类型为%Stream,则流不能为空流。

71030

IOS系统input输入框为readonly时, 隐藏键盘上的上下箭头

业务中在一定场景中会将input 设置为只读状态,在IOS safari上当input 输入框focus 时,仍会出现键盘上的上下箭头,这种用户体验非常不好,如何干掉呢?... 说一下思路: 上下箭头是无法通过 设置html属性,meta标签或者监听事件来解决,因为这些箭头并没有可以监听它的事件。...但是对于输入框的状态是只读时,给用户弹出这样的箭头就不应该了。 唯一的选择是当输入被聚焦时禁用表单中的所有其他输入,因此就不会出现上下切换的选项卡。.../)) { $('input, textarea').on('focus', function() { $('input, textarea').not(this).attr("readonly...("readonly") }) $('select').attr('tabindex', '-1') } })

2K30

Android Layout的layout_height等属性为什么会不起作用

有的时候,我们配置好的布局文件,在加载完成添加到我们的Activity中后发现,并没有安装我们设置的属性来布局,比为我们设置了android:layout_marginTop=“100dip”,但是运行程序后发现一点作用都没有...,相似的还有layout_height等以android:layout_开头的属性设置都没有作用,这类问题以我们使用Adapter的作为数据源的时候作用居多,因为Adapter里有一个方法是getView...);这句代码上,在使用inflate的时候,如果第二个参数(View root)为null,那么将不会加载你的布局文件里的最顶层的那个布局节点的布局相关配置(就是以android:layout_开头的属性...的时候是不会执行params = root.generateLayoutParams(attrs);这段代码的,这段代码就是把xml里的布局配置转为LayoutParams,换句说就是加载我们配置的布局属性...方法,这样系统框架就会自动使用该布局读取我们在xml中配置的布局属性来控制我们的VIew的位置。。

1.3K30

浏览器自动填充密码分析及解决

type为text的文本框起作用,但是在浏览器已经保存了密码的情况下,对type为password的输入框并不起作用,所以我们需要在获取到焦点时动态改变input的type。...,并和该输入框之前的一个配对,作为一个账号密码组合。...缺点就是:chrome会忽略 display:none 的输入框,仍然能找到下面的正常输入框,所以需要用 position:absolute 之类的技巧隐藏。...5、设置表单的readonly属性;推荐指数:4颗星 <input type="password" name="password" readonly onfocus="this.removeAttribute...然后我们再用js的定时器延迟一段时间后移除input的只读属性readonly输入框便可进行再次编辑!这样避免了用户点击两次才弹出键盘的弊端。

3.5K40

【Android Gradle 插件】自定义 Gradle 任务 ⑬ ( DefaultTask 中的任务输入和输出属性 | TaskInputs 任务输入接口 | FileCollection )

文章目录 一、DefaultTask 中的任务输入和输出属性 ( DefaultTask#taskInputs | DefaultTask#taskOutputs ) 二、TaskInputs 任务输入接口...) 文档 : https://docs.gradle.org/current/javadoc/org/gradle/api/DefaultTask.html 一、DefaultTask 中的任务输入和输出属性...} DefaultTask 又继承了 AbstractTask 类 , 在 AbstractTask 类中 , 有 taskInputs 和 taskOutputs 两个成员变量 , 分别代表任务的 输入...this.taskInputs; } } 除直接赋值外 , 还可以使用 TaskInputsInternal taskInputs 和 TaskOutputsInternal taskOutputs 这两个属性..., 设置 输入 和 输出 ; 二、TaskInputs 任务输入接口 ---- TaskInputsInternal 接口继承了 TaskInputs 接口 , public interface TaskInputsInternal

1.1K20

利用placeholder属性来添加输入框默认文字提示,提高用户体验

鉴于中国博客联盟有朋友问到了这问题,所以还是简单的整理下,希望能帮到部分不了解 placeholder 属性的强迫症吧。...鼠标 onclick 点击时,判断输入框是不是初始的【默认提示文字】,如果是就清空; b. 鼠标光标离开输入框时,判断输入框里面是否为空,如果为空就自动填入【默认提示文字】。...二、placeholder 属性 文本框(INPUT)的 placeholder 属性是 HTML5 里新引入的新特征之一,它能够让你在文本框里显示提示信息,一旦你在文本框里输入了什么信息,提示信息就会隐藏...②、编辑主题下的 comments.php,搜索 id="comment",找到评论输入框代码,如下新增 placeholder 属性: <textarea placeholder="留言是一种美德,你可以写点什么...非常简单的玩意,在中国博客联盟和张戈博客的搜索框,早就应用了 placeholder 预设文字<em>属性</em>,细心观察的朋友,右键看一下源代码都可以了然于心了!

3.6K90

TDesign 更新周报(2022年5月第3周)

foldAll() Table:树形结构,支持拖拽排序,调整同层级顺序 Table:树形结构,支持在当后节点之后插入新节点 insertAfter Cascader:增加 popupVisible, readonly..., selectInputProps, onPopupVisibleChange 属性,具体描述查看文档 nuxt:修复在nuxt3中的适配问题,可参考案例 tdesign-vue-next-nuxt-starter...Bug Fixes Table:修复在 ssr 环境中的兼容 Transfer:修复对 pagination 组件的引用报错 Swiper:slot 执行位置不对,导致vue警告 Steps:修复 readonly...不起作用的问题 Slider:修复 slider 组件 onChange 事件 init 阶段被意外触发问题 Popup:增加zIndex api Popup:修复设置 destroyOnClose...性能优化,减少隐藏元素,使用更流畅 Table:重构表格嵌套关系 Input:重构输入框嵌套关系 Menu:重构导航菜单嵌套关系 Dropdown:重构下拉菜单嵌套关系 2.

2.8K30

TDesign 更新周报(2022年6月第3周)

DateRangePickerPanel 单独使用支持年份、月份区间选择Bug Fixespopup:修复初始化 visible 为 true 时的定位抖动Slider:修复 inputNumberProps 无法支持 readonly...、tips 等 api 配置问题(#941)DatePicker:enable-time-picker 状态下,prefixIcon 不起作用Datepicker:修复 datepicker separator... 日期分隔符属性失效问题table:合并单元格支持动态数据Table:修复 Table 透传 loading size 为枚举无效的问题Select:修复透传 inputProps 参数无效switch...:修复 slots.label 参数无效TreeSelect:优化过滤状态下的输入框交互,修复 selectInput 参数透传数据响应问题Cascader:修复下拉面板宽度问题Form:修复调用实例方法...DatePicker:enable-time-picker 状态下,prefixIcon 不起作用详情见:https://github.com/Tencent/tdesign-vue-next/releases

3K10

Selenium2+python自动化25-js处理日历控件

前言 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题。...基本思路:先用js去掉readonly属性,然后直接输入日期文本内容 一、日历控件 1.打开12306的车票查询界面,在出发日期输入框无法直接输入时间 2.常规思路是点开日历控件弹出框,...从日历控件上点日期,这样操作比较烦躁,并且我们测试的重点不在日历控件上,只是想输入个时间,做下一步的操作 3.用firebug查看输入框的属性readonly="readonly",如下: <...二、去掉readonly属性 1.很明显这种元素的属性readonly输入框是无法直接输入的,这时候需要先去掉元素的readonly属性,然后就可以输入啦。...三、用js去掉readonly属性 1.用js去掉元素属性基本思路:先定位到元素,然后用removeAttribute("readonly")方法删除属性

4K60

Python脚本去除文件的只读性操作

如何在PYTHON中移去文件的只读属性, 用chmod命令stat.S_IWRITE import os import stat os.chmod( filename, stat.S_IWRITE )...属性,可直接输入时 下面提供4种:移除或者关闭web端时间控件的readonly属性的方法 方法一:原生js,移除readonly属性 js = “document.getElementById(‘train_date...’).removeAttribute(‘readonly’)” 方法二:jQuery,移除readonly属性 js = “$(‘input[id=train_date]’).removeAttr...(‘readonly’)” 方法三:jQuery,设置属性为false js = “$(‘input[id=train_date]’).attr(‘readonly’,false)” 方法四:...jQuery,设置属性为空 js = “$(‘input[id=train_date]’).attr(‘readonly’,’ ‘)” 接下来,清除时间控件原有显示文本,send_keys输入自己想要输入的时间

2.8K30

input输入框 禁用移动端调起键盘事件

要禁用移动端的软键盘弹出事件,可以使用 readonly 属性或 disabled 属性来设置输入框的状态。 阻止移动设备上的软键盘弹出,同时仍然允许用户通过其他方式填充输入框。...以下是两种方法的示例: 使用 readonly 属性: 通过将输入框设置为只读,移动设备上的软键盘将不会弹出。...使用 disabled 属性: 通过将输入框禁用,移动设备上的软键盘将不会弹出,并且用户无法对其进行任何操作。...这些方法只能禁用软键盘的弹出,无法完全阻止用户在移动设备上输入内容。 用户仍然可以通过剪贴板、语音输入等方式输入文本。...使用 input 元素的 readonly 属性: 在滚动选择组件的输入框上添加 readonly 属性,这将阻止软键盘弹出,同时保持输入框可滚动选择: <input type="text" readonly

1.1K30
领券