ng zorro input readonly 的使用

网上找了好久才找到的方法,

方法一（在构造方法里做）：

js:

isDisabled = true
validateForm: FormGroup;
constructor( private fb: FormBuilder) {}
this.validateForm= this.fb.group({
userName: [{value:null,disabled:this.isDisabled}, [Validators.required]],
});

html:

方法二（初始化时实现）：

this.validateForm.controls.userName.disable()

ng zorro input readonly 的使用相关推荐

NG ZORRO知识点总结
NG ZORRO的常用属性,包括但不限于,结合代码 <button nz-button [nzType]="'primary'" [nzSize]="'large' ...
angular7中引用ng zorro antd的三种方式
在新版本的angular中使用新的ng zorro,按照官方文档一步一步来,没有报错,但是也没有反应. 试了一下官方的两种方式,第一种方式如果使用cnpm会报错,第二种方式会没有反应,也是因为使用了c ...
input readonly 光标显示问题
input readonly模式下在ie跟火狐访问的时候会有光标会出现,以下方法可解决这个问题 <input type="text" readonly unselectabl ...
bootstrap-datepicker实现日期input readonly 标签中选择时间功能
bootstrap-datepicker实现日期input readonly 标签中选择时间功能引用datepicker css,js,zh-CH文件 ps: 都是基于bootstrap,所以得先引 ...
angular ng zorro框架日期框无法自适应宽度的解决方法
如果我们使用ng zorro框架的日期框时,就会发现,日期框的宽度总是固定的,无法像输入框一样自适应父节点<nz-form-control [nzSpan]="12"> ...
Ng Zorro配置
Ng Zorro配置文章目录 Ng Zorro配置一.app.module里配置二.引入样式 1.使用全部组件样式 2.引入组件模块全局安装:npm i ng-zorro-antd g --s ...
ngzorro html源码,angular使用NG ZORRO来构建博客展示项目(简单实现展示页面)
使用 NG ZORRO 在上一篇文章中,我们已经安装了NG ZORRO,并在跟模块中引入了,在子模块中使用还需要再次引入. 编辑layout模块中的header组件在layout.module.ts ...
angular项目集成ng zorro 和ng alain
angular项目集成 ng zorro和ng alain(mock 和acl权限)学习笔记这段时间,比较忙,很久没有写博客了.作为后端开发人员,第一次接触angular,以下是个人的学习心得和D ...
php+输入框只读,设置文本框只读（textbox/input readonly）不允许输入
文本框一般是用来让用户输入填写资料的,但有的时候只是用它来显示资料,也就是不允许输入任何内容,这应该怎么设置?只要添加一个只读属性(readonly)就能达到这个目的. 文本框有两种,一种为服务器控件 ...

ng zorro input readonly 的使用

ng zorro input readonly 的使用相关推荐

最新文章

热门文章