Angularjs
发布时间:2022-04-20 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular4_readonly,disabled,hidden属性动态启用禁用,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
html中的
required hidden readonly disabled
这些属性,动态启用禁用
<
div
class=
"form-group" [
hidden]=
"model.isPersistent"
>
<
label
for=
"idletimeout"
>IdleTimeOut
</
label
>
<
input
type=
"text"
class=
"form-control"
id=
"idletimeout" [(
ngModel)]=
"model.idleTimeout" [
required]=
"!model.isPersistent"
name=
"idleTimeout"
value=
'60' #
idletimeout=
"ngModel"
>
<
div [
hidden]=
"idletimeout.valid || idletimeout.prisTine"
class=
"alert alert-danger"
>
</
div
>
</
div
>
<
button
type=
"submit"
class=
"btn btn-success" [
disabled]=
"!addEditWorkStationForm.form.valid"
>Submit
</
button
>
就拿这段代码为例,原本的hidden加上[]就能实现了。
原理不多说,先会用再说啦
大佬总结
以上是大佬教程为你收集整理的Angular4_readonly,disabled,hidden属性动态启用禁用全部内容,希望文章能够帮你解决Angular4_readonly,disabled,hidden属性动态启用禁用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。