Angular4_readonly,disabled,hidden属性动态启用禁用
发布时间：2020-12-17 08:30:10 所属栏目：安全 来源：网络整理
导读：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" [( ngMo
|
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"
>
IdleTimeOut is required
</
div
>
</
div
>
<
button
type=
"submit"
class=
"btn btn-success" [
disabled]=
"!addEditWorkStationForm.form.valid"
>Submit
</
button
>
就拿这段代码为例，原本的hidden加上[]就能实现了。 原理不多说，先会用再说啦 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |